/* Css For Heritaste */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header/style-one/style-two 5. Main Slider/style-one/style-two 6. Intro Section 7. Welcome Section 9. Cta Section 8. Research Fields 10. Testimonial Section 11. Researches Section 12. Team Section 14. Video 15. Fact Counter 16. News Section 19. Clients Section 20. Main Footer 21. Footer Bottom 22. Research Style Two 23. Innovative Solution 24. Discover Section 25. Testimonial Section 26. Chooseus Section 27. News Style Two 28. Page Title 29. Research Page Section 30. Research Details 31. Professor Page Section 32. Professor Details 33. About Section 34. Error Section 35. Blog Page Section 36. Blog Details 37. Blog Sidebar 38. Contact Section 39. Google Map **********************************************/ /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } ::placeholder{ color: #75706d !important; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size:18px; color:#75706d; line-height:28px; font-weight:400; background:#f2f1ed; font-family: 'Kumbh Sans', sans-serif; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; } @media (min-width:1200px) { .container { max-width: 1200px; padding: 0px 15px; } } .large-container{ max-width: 1550px; padding: 0px 15px; margin: 0 auto; } .container-fluid{ padding: 0px; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:680px; margin:0 auto; } .boxed_wrapper{ position: relative; margin: 0 auto; overflow: hidden !important; width: 100%; min-width: 300px; } a{ text-decoration:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } a:hover{ text-decoration:none; outline:none; } input,button,select,textarea{ font-family: 'Kumbh Sans', sans-serif; font-weight: 400; font-size: 16px; background: transparent; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } ul,li{ list-style:none; padding:0px; margin:0px; } input{ transition: all 500ms ease; } button:focus, input:focus, textarea:focus{ outline: none; box-shadow: none; transition: all 500ms ease; } p{ position: relative; font-family: 'Kumbh Sans', sans-serif; color: #75706d; font-weight: 400; margin: 0px; transition: all 500ms ease; font-size: 16px; } h1,h2,h3,h4,h5,h6{ position:relative; font-family: 'Urbanist', sans-serif; color: #1f1f1f; margin: 0px; transition: all 500ms ease; } /* Preloader */ .handle-preloader { align-items: center; -webkit-align-items: center; display: flex; display: -ms-flexbox; height: 100%; justify-content: center; -webkit-justify-content: center; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999999; background: #202020; } .preloader-close{ position: fixed; z-index: 99999999; font-size: 26px; background: #fff; width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; cursor: pointer; right: 30px; top: 30px; } .handle-preloader .animation-preloader { position: absolute; z-index: 100; } .handle-preloader .animation-preloader .spinner{ animation: spinner 3s infinite linear; border-radius: 50%; height: 150px; margin: 0 auto 45px auto; width: 150px; } .handle-preloader .animation-preloader .txt-loading { text-align: center; user-select: none; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ animation: letters-loading 4s infinite; content: attr(data-text-preloader); left: 0; opacity: 0; top:0; position: absolute; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ font-family: 'Urbanist', sans-serif; font-weight: 700; letter-spacing: 15px; display: inline-block; position: relative; font-size: 70px; line-height: 70px; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.30); } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before { animation-delay: 1.6s;} .handle-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } .preloader .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ color: #ffffff; } .handle-preloader .animation-preloader .spinner{ border: 3px solid #ffffff; border-top-color: rgba(255, 255, 255, 0.5); } /* Animación del preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @media screen and (max-width: 767px) { .handle-preloader .animation-preloader .spinner { height: 8em; width: 8em; } } @media screen and (max-width: 500px) { .handle-preloader .animation-preloader .spinner { height: 7em; width: 7em; } .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;} } .loader-wrap .layer-one { position: absolute; left: 0%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-two { position: absolute; left: 33.3333%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-three { position: absolute; left: 66.6666%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1f1f1f; } .centred{ text-align: center; } .pull-left{ float: left; } .pull-right{ float: right; } figure{ margin: 0px; } img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } /** button **/ .theme-btn-one{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; color: #1f1f1f; font-family: 'Urbanist', sans-serif; text-transform: uppercase; font-weight: 700; padding: 19px 29px 17px 29px; border-radius: 35px; transition: all 500ms ease; } .theme-btn-one:before{ position: absolute; content: ''; width: 56px; height: 56px; left: 0px; top: 0px; border-radius: 50%; clip-path: polygon(0% 0%, 90% 0%, 90% 100%, 0% 100%, 0% 0%); opacity: 1; transition: all 500ms ease; } .theme-btn-one:hover:before{ opacity: 0; } .theme-btn-one:hover{ color: #fff; } .theme-btn-one span{ position: relative; display: inline-block; padding-left: 14px; color: #1f1f1f; transition: all 500ms ease; } .theme-btn-one:hover span{ padding-left: 26px; color: #8b1c1b !important; } .theme-btn-one span:before{ position: absolute; content: "\f109"; font-family: 'flaticon'; left: -12px; top: -1px; font-size: 20px; font-weight: 400; transition: all 500ms ease; } .theme-btn-one:hover span:before{ color: #8b1c1b; left: 0px; } .theme-btn-two{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; color: #8b1c1b !important; font-family: 'Urbanist', sans-serif; text-transform: uppercase; font-weight: 700; padding: 19px 41px 17px 42px; border-radius: 35px; transition: all 500ms ease; } .theme-btn-two:hover{ background: #1f1f1f; color: #fff !important; } .pagination{ position: relative; display: block; } .pagination li{ position: relative; display: inline-block; margin: 0px 6px; } .pagination li a{ position: relative; display: inline-block; font-size: 18px; font-weight: 700; height: 50px; width: 50px; line-height: 50px; border: 1px solid #d5d5d5; font-family: 'Urbanist', sans-serif; text-align: center; color: #222; border-radius: 50%; z-index: 1; transition: all 500ms ease; } .pagination li a:hover, .pagination li a.current{ color: #fff; } .pagination li:first-child a, .pagination li:last-child a{ line-height: 54px; font-weight: 700; } .sec-pad{ padding: 115px 0px 120px 0px; } .sec-pad-2{ padding: 120px 0px !important; } .mr-0{ margin: 0px !important; } /** scroll-to-top **/ .scroll-to-top{ position: fixed; right: 0px; bottom: 100px; transform: rotate(90deg); z-index: 99; } .scroll-to-top .visible { visibility: visible!important; opacity: 1!important; } .scroll-to-top .scroll-top-inner { opacity: 0; visibility: hidden; } .scroll-to-top .scroll-top-inner{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s; -o-transition: all cubic-bezier(.4,0,.2,1) .4s; transition: all cubic-bezier(.4,0,.2,1) .4s; } .scroll-to-top .scroll-bar { width: 50px; height: 2px; margin-right: 10px; position: relative; } .scroll-to-top .scroll-bar:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #f4244f; opacity: .3; } .scroll-to-top .scroll-bar .bar-inner { position: absolute; top: 0; right: 0; height: 100%; background-color: currentColor; } .scroll-to-top .scroll-bar-text{ font-size: 14px; font-weight: 600; cursor: pointer; transition: all 500ms ease; } .scroll-to-top .scroll-bar-text:hover{ transform: scale(1.1); } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .sec-title{ position: relative; display: block; margin-bottom: 50px; } .sec-title .sub-title, .sec-title .sub-title-1{ position: relative; display: inline-block; font-size: 24px; font-family: 'Just Another Hand', cursive; line-height: 30px; font-weight: 600; padding-left: 28px; padding-right: 28px; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 2.5px; } .sec-title .sub-title:before, .sec-title .sub-title:after{ position: absolute; content: ''; background-image: url(../images/icon-3.png); width: 16px; height: 16px; top: 5px; background-repeat: no-repeat; } .sec-title .sub-title:before, .sec-title .sub-title-1:before{ left: 0px; } .sec-title .sub-title:after, .sec-title .sub-title-1:after{ right: 0px; } .sec-title h2{ position: relative; display: block; font-size: 48px; line-height: 58px; font-weight: 700; } .sec-title.light h2{ color: #fff; } /*** ==================================================================== Home-Page-One ==================================================================== ***/ /** main-header **/ .main-header{ position:relative; left:0px; top:0px; right: 0px; z-index:999; width:100%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header{ position:fixed; opacity:0; left:0px; top:0px; width:100%; z-index:0; background-color: #8b1c1b; border-bottom: 1px solid rgba(0, 0, 0, 0.10); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /** header-top **/ .header-top{ position: relative; width: 100%; background: #000; padding: 11px 70px; } .header-top .top-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-top .top-inner .text p{ position: relative; display: inline-block; color: #fff; margin: 0; } .header-top .top-inner .text p a{ color: #fff; } .header-top .top-inner .text p a:hover{ text-decoration: underline; } .header-top .top-inner .text p img{ position: absolute; left: 0px; top: 6px; } /** header-lower **/ .header-lower{ position: relative; width: 100%; background: #8b1c1b; } .main-header .outer-box{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 70px; } .main-header .outer-box .logo-box{ padding: 15px 0px; } .main-header .menu-right{ position: relative; display: flex; align-items: center; } .main-header .menu-right .info{ position: relative; display: flex; align-items: center; padding-right: 25px; margin-right: 25px; } .main-header .menu-right .info:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 34px; top: -5px; right: 0px; } .main-header .menu-right .info li{ position: relative; display: inline-block; font-size: 24px; color: #232323; cursor: pointer; margin-right: 30px; transition: all 500ms ease; } .main-header .menu-right .info li:last-child{ margin: 0px !important; } .main-header .menu-right .info li a{ color: #232323; } .main-header .menu-right .info li:hover{ } .main-header .menu-right .info li a:hover{ } .main-header .menu-right .social-links{ position: relative; display: flex; align-items: center; } .social-icons{ padding-left: 130px; } .main-header .menu-right .social-links li{ position: relative; display: inline-block; margin-right: 15px; } .main-header .menu-right .social-links li:last-child{ margin: 0px !important; } .main-header .menu-right .social-links li a{ position: relative; display: inline-block; width: 34px; height: 34px; line-height: 38px; font-size: 15px; text-align: center; border: 1px solid #242424; color: #424242; border-radius: 50%; } .main-header .menu-right .social-links li a:hover{ color: #fff; } /** xs-sidebar **/ .xs-sidebar-group .xs-overlay{ left:0%; top:0; position:fixed; height:100%; width:20%; transform: scaleX(0); transform-origin: left center; cursor:url(../images/cross-out.png), pointer; z-index: 9999999; border-right: 1px solid rgba(255, 255, 255, 0.10); transition: transform .65s .3s cubic-bezier(0.7, 0, 0.2, 1); } .xs-sidebar-group.isActive .xs-overlay{ transform: scaleX(1); transition-delay: .03s; } .xs-sidebar-group .xs-overlay-2{ left: 20%; transition-delay: .06s; } .xs-sidebar-group .xs-overlay-3{ left: 40%; transition-delay: .09s; } .xs-sidebar-group .xs-overlay-4{ left: 60%; transition-delay: .12s; } .xs-sidebar-group .xs-overlay-5{ left: 80%; transition-delay: .15s; } .xs-sidebar-group .widget-heading{ position:absolute; top: 50px; right: 35px; z-index: 1; } .xs-sidebar-widget{ position:fixed; right:-100%; top:0; bottom:0; width:100%; max-width:460px; z-index:999999999; height: 100%; -webkit-overflow-scrolling:touch; background-color:#fff; transition: all 900ms ease; visibility:hidden; opacity:0; } .xs-sidebar-group.isActive .xs-sidebar-widget{ opacity:1; visibility:visible; right:0; -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; } .sidebar-textwidget{ padding: 50px 40px 50px 40px; } .xs-sidebar-group .close-side-widget{ position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #0e132d; color: #0e132d; border-radius: 50%; font-weight: 400; font-size: 20px; } .sidebar-widget-container{ position:relative; opacity:0; visibility:hidden; } .xs-sidebar-group.isActive .sidebar-widget-container{ opacity:1; visibility:visible; } .xs-bg-black{ background-color:#121113; } .sidebar-info-contents .content-inner{ position:relative; } .sidebar-info-contents .content-inner .logo { padding:0px 0px 40px; } .sidebar-info-contents .content-inner .logo img{ display:inline-block; max-width:100%; } .sidebar-info-contents .content-inner .content-box{ position:relative; } .sidebar-info-contents .content-inner .content-box h4{ position:relative; font-size:20px; font-weight:700; margin-bottom:20px; } .sidebar-info-contents .content-inner .content-box p{ position:relative; font-size:15px; margin-bottom:25px; } .sidebar-info-contents .content-inner .content-box .theme-btn-two{ padding: 10px 50px; } .sidebar-info-contents .content-inner .contact-info{ position:relative; margin-top:60px; } .sidebar-info-contents .content-inner .contact-info ul li{ position:relative; display: block; font-size:15px; color: #75767b; margin-bottom:3px; } .sidebar-info-contents .content-inner .contact-info ul li a{ color: #75767b; } .sidebar-info-contents .content-inner .contact-info ul li a:hover{ } .sidebar-info-contents .content-inner .contact-info h4{ position:relative; font-size:20px; font-weight:700; margin-bottom:20px; } .sidebar-info-contents .content-inner .social-box{ position:relative; margin-top:20px; margin-bottom:30px; } .sidebar-info-contents .content-inner .social-box li{ position:relative; display:inline-block; margin-right:6px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .sidebar-info-contents .content-inner .social-box li a{ position:relative; width:36px; height:36px; color:#75767b; z-index:1; font-size:13px; line-height:36px; text-align:center; border-radius:50%; display:inline-block; background: transparent; border: 1px solid #e5e5e5; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-info-contents .content-inner .social-box li a:hover{ color: #fff; } /*** Search Popup ***/ .search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.80); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .search-popup.popup-visible { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; } .search-popup .popup-inner{ width: 100%; background: #fff; height: 100%; } .search-popup .upper-box{ position: relative; padding: 70px 70px; } .search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search-popup .close-search { position: relative; font-size: 22px; color: #141417; cursor: pointer; z-index: 5; top: 11px; transition: all 500ms ease; } .search-popup .close-search:hover { color: red; } .search-popup .search-form { position: relative; width: 100%; padding: 100px 0px 250px 0px; } .search-popup .search-form .form-group{ position: relative; margin: 0px; } .search-popup .search-form fieldset input[type="search"] { position: relative; height: 90px; padding: 20px 0px; background: #ffffff; line-height: 30px; font-size: 20px; color: #808080; font-family: 'Poppins', sans-serif; border: none; font-weight: 400; border-radius: 0px; padding-right: 50px; border-bottom: 1px solid #e5e5e5; } .search-popup .search-form fieldset button[type="submit"] { position: absolute; top: 30px; right: 0px; font-size: 22px; color: #141417; cursor: pointer; transition: all 500ms ease; } .search-popup .search-form fieldset input[type="search"]:focus{ border-color: #141417; } .search-popup .form-control:focus{ box-shadow: none !important; } /** main-menu **/ .main-menu{ float: left; } .main-menu .navbar-collapse{ padding:0px; display:block !important; } .main-menu .navigation{ margin:0px; } .main-menu .navigation > li{ position:inherit; float:left; z-index:2; margin: 0px 21px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li:last-child{ margin-right:0px !important; } .main-menu .navigation > li:first-child{ margin-left: 0px !important; } .main-menu .navigation > li > a{ position:relative; display:block; text-align:center; font-size:14px; line-height:30px; padding: 32px 0px; font-weight:800; font-family: 'Urbanist', sans-serif; opacity:1; color: #f1caad; z-index:1; text-transform: uppercase; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-menu .navigation > li.dropdown > a{ padding-right: 22px; } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a{ } .main-menu .navigation > li.dropdown > a:before{ position: absolute; content: "\f107"; font-family: 'Font Awesome 5 Pro'; top: 31px; right: 0px; font-size: 18px; font-weight: 400; transition: all 500ms ease; } .main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu{ position:absolute; left: inherit; top:100%; width:230px; margin-top: 15px; padding: 26px 20px 28px 40px; z-index:100; display:none; opacity: 0; visibility: hidden; border-radius: 0px; background-color: #1f1f1f; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > .megamenu{ max-width: 1050px; margin: 0 auto; margin-top: 15px; padding: 40px 40px 24px 40px; text-align: center; } .main-menu .navigation > li > .megamenu img{ width: 100%; transition: all 500ms ease; } .main-menu .navigation > li > .megamenu li.image-box{ margin-bottom: 3px; } .main-menu .navigation > li > .megamenu li.image-box a{ padding: 0px; } .main-menu .navigation > li > .megamenu ul li a{ position: relative; display: inline-block; font-size: 16px; font-family: 'Lexend', sans-serif; font-weight: 400; color: #c3c4c8; padding: 10px 0px; } .main-menu .navigation > li > .megamenu ul li:last-child a:hover{ padding-left: 18px; } .main-menu .navigation > li > .megamenu ul li:last-child a:before{ position: absolute; content: "\f106"; font-family: 'flaticon'; left: 0px; top: 11px; font-size: 10px; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > .megamenu ul li:last-child a:hover:before{ opacity: 1; } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding: 6px 0px; line-height:24px; font-weight:400; font-size:18px; text-transform:capitalize; font-family: 'Kumbh Sans', sans-serif; color:#c8c3c0; text-align: left; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > a:before{ position: absolute; content: ''; width: 8px; height: 8px; left: 0px; top: 13px; transform: rotate(45deg); opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > a:hover{ padding-left: 20px; } .main-menu .navigation > li > ul > li > a:hover:before{ opacity: 1; } .main-menu .navigation > li > .megamenu li > a{ padding-left: 0px; } .main-menu .navigation > li > .megamenu h4{ display: block; font-size: 20px; line-height: 30px; color: #ffffff; } .main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover{ } .main-menu .navigation > li > ul > li:last-child > a, .main-menu .navigation > li > .megamenu li:last-child > a{ border-bottom: none; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'Kumbh Sans'; content: "+"; position:absolute; right: 20px; top:6px; display:block; line-height:24px; font-size:24px; font-weight:600; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:0%; margin-left: 30px; margin-top: 15px; width:230px; z-index:100; padding: 26px 40px 28px 40px; display:none; border-radius: 0px; background-color: #1f1f1f; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul:before{ position: absolute; content: ''; background: transparent; width: 50px; height: 100%; left: -50px; top: 0px; } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:6px 0px; line-height:24px; font-weight:400; font-size:18px; text-transform:capitalize; font-family: 'Kumbh Sans', sans-serif; color:#c8c3c0; text-align: left; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:before{ position: absolute; content: ''; width: 8px; height: 8px; left: 0px; top: 13px; transform: rotate(45deg); opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ padding-left: 20px; } .main-menu .navigation > li > ul > li > ul > li > a:hover:before{ opacity: 1; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Pro'; content: "\f105"; position:absolute; right:20px; top:12px; display:block; line-height:24px; font-size:16px; font-weight:900; z-index:5; } .main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > .megamenu{ visibility:visible; opacity:1; margin-top: 0px; top: 100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top: 0%; margin-top: 0px; } .main-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:-32px; top:66px; width:34px; height:30px; text-align:center; font-size:18px; line-height:26px; color:#3b3b3b; cursor:pointer; display: none; z-index:5; transition: all 500ms ease; } .main-menu .navigation li.current.dropdown .dropdown-btn, .main-menu .navigation li:hover .dropdown-btn{ } .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{ display: none; } .menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; } .menu-area .mobile-nav-toggler .icon-bar{ position: relative; height: 2px; width: 30px; display: block; margin-bottom: 5px; background-color: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .menu-area .mobile-nav-toggler .icon-bar:last-child{ margin-bottom: 0px; } /** megamenu-style **/ .main-menu .navigation > li.dropdown > .megamenu{ position: absolute; width: 100%; left: 0px; } .main-menu .navigation li.dropdown .megamenu li h4{ margin-bottom: 10px; } /** mobile-menu **/ .nav-outer .mobile-nav-toggler{ position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color:#3786ff; display: none; } .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; transition: all 900ms ease; } .mobile-menu .navbar-collapse{ display:block !important; } .mobile-menu .nav-logo{ position:relative; padding:50px 25px; text-align:left; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; left: 0%; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 900ms ease; background-color: #000; } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 0.70; visibility: visible; right: 100%; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s } .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #141417; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 900ms ease !important; } .mobile-menu-visible .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn{ position: absolute; right: 25px; top: 10px; line-height: 30px; width: 24px; text-align: center; font-size: 16px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } .mobile-menu .close-btn:hover{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation{ position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li{ position: relative; display: block; border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation:last-child{ border-bottom: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > a{ position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li ul li > a{ font-size: 16px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li > a:before{ content:''; position:absolute; left:0; top:0; height:0; border-left:5px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current > a:before{ height:100%; } .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:6px; top:6px; width:32px; height:32px; text-align:center; font-size:16px; line-height:32px; color:#ffffff; background:rgba(255,255,255,0.10); cursor:pointer; border-radius:2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index:5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open{ color: #ffffff; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul, .mobile-menu .navigation > li.dropdown > .megamenu{ display: none; } .mobile-menu .social-links{ position:relative; padding:0px 25px; } .mobile-menu .social-links li{ position:relative; display:inline-block; margin:0px 10px 10px; } .mobile-menu .social-links li a{ position:relative; line-height:32px; font-size:16px; color:#ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover{ } div#mCSB_1_container{ top: 0px !important; } .mobile-menu .contact-info { position: relative; padding: 100px 30px 20px 30px; } .mobile-menu .contact-info h4 { position: relative; font-size: 20px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .mobile-menu .contact-info ul li { position: relative; display: block; font-size: 15px; color: rgba(255,255,255,0.80); margin-bottom: 3px; } .mobile-menu .contact-info ul li a{ color: rgba(255,255,255,0.80); } .mobile-menu .contact-info ul li a:hover{ } .mobile-menu .contact-info ul li:last-child{ margin-bottom: 0px; } .main-header .outer-box{ position: relative; } /** banner-section **/ .banner-section{ position: relative; } .banner-carousel{ position: relative; } .banner-carousel .slide-item{ position: relative; overflow: hidden; padding: 153px 0px 139px 0px; } .banner-carousel .slide-item:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(3,5,5,0.6), rgba(3,5,5,0.0) 100%); left: 0px; bottom: 0px; right: 0px; z-index: 1; } .banner-carousel .slide-item:after{ position: absolute; content: ''; width: 100%; height: 100%; background: rgba(3,5,5,0.25); left: 0px; bottom: 0px; right: 0px; z-index: 1; } .banner-carousel .slide-item .image-layer{ position:absolute; left:0px; top:0px; right: 0px; width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; } .banner-carousel .active .slide-item .image-layer{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); } .banner-carousel .content-box{ position: relative; display: block; z-index:5; width: 100%; } .banner-carousel .content-box .icon-box{ position: relative; display: block; font-size: 75px; line-height: 70px; color: #fff; margin-bottom: 17px; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .icon-box{ opacity: 1; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box .special-text{ position: relative; display: inline-block; font-size: 30px; line-height: 40px; font-weight: 500; color: #fff; font-family: 'Just Another Hand', cursive; margin-bottom: 9px; text-transform: uppercase; padding-left: 35px; padding-right: 35px; letter-spacing: 3px; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; font-style: italic; } .banner-carousel .content-box .special-text:before, .banner-carousel .content-box .special-text:after{ position: absolute; content: ''; background-image: url(../images/icon-2.png); top: 7px; width: 20px; height: 20px; background-repeat: no-repeat; } .banner-carousel .content-box .special-text:before{ left: 0px; } .banner-carousel .content-box .special-text:after{ right: 0px; } .banner-carousel .active .content-box .special-text{ opacity: 1; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box h2{ position: relative; display: block; color: #fff; font-size: 60px; line-height: 60px; font-weight: 900; margin-bottom: 14px; text-transform: uppercase; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box h2{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-carousel .content-box p{ position: relative; font-weight: 500; color: #fff; margin-bottom: 30px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; font-size: 20px; } .banner-carousel .active .content-box p{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-carousel .content-box .mouse-btn-down{ position: relative; display: inline-block; font-size: 44px; color: #fff; cursor: pointer; } .banner-section .owl-theme .owl-nav { position: absolute; top: 43%; left: 0; width: 100%; } .banner-section .owl-theme .owl-nav button{ position: absolute; top: 0px; width: 90px; height: 90px; line-height: 90px; text-align: center; font-size: 20px; border: 1px solid #fff; color: #fff; text-align: center; border-radius: 50%; transition: all 500ms ease; } .banner-section .owl-theme .owl-nav button:hover{ } .banner-section .owl-theme .owl-nav button span{ display: none; } .banner-section .owl-theme .owl-nav button.owl-prev{ left: 70px; } .banner-section .owl-theme .owl-nav button.owl-next{ right: 70px; } .owl-dots-none .owl-dots, .owl-nav-none .owl-nav{ display: none !important; } .banner-section .owl-theme .owl-nav button.owl-prev:before, .banner-section .owl-theme .owl-nav button.owl-next:before{ position: absolute; content: "\f123"; font-family: 'flaticon'; width: 90px; height: 90px; line-height: 90px; font-size: 30px; color: #fff; text-align: center; left: 0px; top: 0px; transition: all 500ms ease; } .banner-section .owl-theme .owl-nav button:hover:before{ } .banner-section .owl-theme .owl-nav button.owl-next:before{ content: "\f109"; } .banner-section .owl-theme .owl-nav button:after{ position: absolute; content: ''; width: 90px; height: 90px; border: 1px solid #fff; border-radius: 50%; top: 0px; transition: all 500ms ease; } .banner-section .owl-theme .owl-nav button:hover:after{ } .banner-section .owl-theme .owl-nav button.owl-prev:after{ left: 6px; } .banner-section .owl-theme .owl-nav button.owl-next:after{ left: -6px; } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .float-bob-x{ animation-name: float-bob-x; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-x; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-x; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-x; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-x; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .rotate-me { animation-name: rotateme; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .banner-section .shape .shape-1{ position: absolute; left: 165px; bottom: 150px; width: 134px; height: 111px; background-repeat: no-repeat; z-index: 1; } .banner-section .shape .shape-2{ position: absolute; top: 230px; right: 150px; width: 170px; height: 100%; background-repeat: no-repeat; z-index: 2; } .banner-section .shape .shape-3{ position: absolute; right: 205px; bottom: 80px; width: 95px; height: 100px; background-repeat: no-repeat; z-index: 2; } .open-hours{ position: relative; width: 100%; padding: 13.5px 0px; } .open-hours .text h6{ position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; padding-left: 28px; margin: 0; } .open-hours .text h6 i{ position: absolute; left: 0px; top: 0px; font-size: 22px; } /** welcome-section **/ .welcome-section{ position: relative; background-color: #1f1f1f; } .welcome-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .welcome-block-one .inner-box{ position: relative; display: block; padding: 0px 40px; padding-bottom: 20px; } .welcome-block-one .inner-box .image-box{ position: relative; display: inline-block; width: 140px; height: 140px; border-radius: 50%; margin-bottom: 44px; } .welcome-block-one .inner-box .image-box .image{ position: relative; display: inline-block; border-radius: 50%; } .welcome-block-one .inner-box .image-box .image img{ width: 100%; border-radius: 50%; } .welcome-block-one .inner-box .image-box .image:before{ position: absolute; content: ''; width: 170px; height: 170px; left: -15px; top: -20px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; } .welcome-block-one .inner-box .image-box .image:after{ position: absolute; content: ''; width: 170px; height: 170px; left: -15px; top: -10px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; } .welcome-block-one .inner-box .image-box:before, .welcome-block-one .inner-box .image-box:after{ position: absolute; content: ''; background: #595959; width: 10px; height: 10px; border-radius: 2px; top: 50%; transform: translateY(-50%) rotate(45deg); z-index: 1; } .welcome-block-one .inner-box .image-box:before{ left: -19px; } .welcome-block-one .inner-box .image-box:after{ right: -19px; } .welcome-block-one .inner-box .rating li{ position: relative; display: inline-block; margin: 0px 8px; } .welcome-block-one .inner-box .rating{ margin-bottom: 24px; } .welcome-block-one .inner-box h6{ display: block; font-size: 14px; line-height: 20px; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 9px; } .welcome-block-one .inner-box h3{ position: relative; display: inline-block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .welcome-block-one .inner-box h3 a{ display: inline-block; color: #fff; } .welcome-block-one .inner-box h3 a:hover{ } .welcome-block-one .inner-box p{ display: block; color: #c8c3c0; margin-bottom: 32px; } .welcome-block-one .inner-box .theme-btn-one{ color: #fff !important; } .welcome-block-one .inner-box .theme-btn-one span{ color: #fff; } .welcome-block-one .inner-box .decore .decore-1{ position: absolute; left: 0px; top: 0px; height: 100%; width: 14px; background-repeat: no-repeat; } .welcome-block-one .inner-box .decore .decore-2{ position: absolute; right: 0px; top: 0px; height: 100%; width: 14px; background-repeat: no-repeat; } .welcome-section .image-inner{ position: relative; display: block; } .welcome-section .image-inner .image{ position: relative; display: block; overflow: hidden; } .welcome-section .image-inner .image:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.1; } .welcome-section .image-inner img{ width: 100%; } .welcome-section .image-layer-1{ position: absolute; left: 50px; top: 50px; } .welcome-section .image-layer-2{ position: absolute; top: 185px; right: 0px; } .bg-color-1{ background: #f2f1ed; } /** about-section **/ .about-section{ position: relative; } .image-block-one .image-box{ position: relative; display: block; margin-right: 20px; padding-right: 220px; padding-bottom: 120px; } .image-block-one .image-box .image{ position: relative; overflow: hidden; } .image-block-one .image-box .image img{ width: 100%; transition: all 500ms ease; } .image-block-one .image-box .image:hover img{ transform: scale(1.05); } .image-block-one .image-box .image-2{ position: absolute; right: 0px; bottom: 0px; } .image-block-one .image-box .text-box{ position: absolute; top: 0px; right: 30px; width: 140px; height: 230px; } .image-block-one .image-box .text-box:before{ position: absolute; content: ''; width: 140px; height: 230px; left: 0px; top: -8px; border-radius: 120px; clip-path: polygon(0% 18%, 100% 17%, 100% 85%, 0% 85%, 0% 0%); } .image-block-one .image-box .text-box .curved-circle{ position: absolute; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; } .image-block-one .image-box .text-box .curved-circle-2{ position: absolute; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; } .image-block-one .image-box .text-box .curved-text-1{ left: 70px; top: 0px; } .image-block-one .image-box .text-box .curved-text-2{ left: 70px; bottom: 0px; } .image-block-one .image-box .text-box .text{ position: absolute; left: 0px; top: -8px; width: 100%; height: 100%; display: flex; align-items: center; text-align: center; justify-content: center; } .image-block-one .image-box .text-box .text h2{ display: inline-block; font-size: 95px; line-height: 80px; font-weight: 500; font-family: 'Just Another Hand', cursive; margin-bottom: 0px; letter-spacing: 2px; } .image-block-one .image-box .text-box .text h2 span{ position: absolute; top: 20px; right: -8px; width: 30px; height: 30px; line-height: 38px; text-align: center; font-size: 60px; background: #f2f1ed; font-weight: 400; } .image-block-one .image-box .text-box .text h6{ display: block; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; } .content-block-one .content-box{ position: relative; display: block; margin-top: -5px; } .content-block-one .content-box .sec-title h2{ margin-bottom: 21px; } .content-block-one .content-box .sec-title{ margin-bottom: 26px; } .content-block-one .content-box .inner-box .single-item{ position: relative; display: block; padding-left: 115px; margin-bottom: 33px; } .content-block-one .content-box .inner-box .single-item:last-child{ margin-bottom: 0px; } .content-block-one .content-box .inner-box .single-item .icon-box{ position: absolute; display: inline-block; left: 0px; top: 6px; width: 85px; height: 85px; line-height: 97px; font-size: 50px; color: #fff; border-radius: 50%; text-align: center; transition: all 500ms ease; } .content-block-one .content-box .inner-box .single-item:hover .icon-box{ background: transparent; } .content-block-one .content-box .inner-box .single-item h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 9px; } .content-block-one .content-box .inner-box .single-item p{ margin-bottom: 22px; } .special-font{ font-family: 'Just Another Hand', cursive; } /** highlights-section **/ .highlights-section{ position: relative; background-color: #1f1f1f; padding: 120px 0px 120px 0px; overflow: hidden; } .highlights-section:before{ position: absolute; content: ''; background: #1f1f1f; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.8; z-index: 1; } .highlights-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .highlights-section .inner-container{ position: relative; z-index: 2; } .highlights-block-one .inner-box{ position: relative; display: block; margin-bottom: 62px; } .highlights-block-one:first-child .inner-box{ padding-right: 200px; } .highlights-block-one:nth-child(2) .inner-box{ margin-bottom: 0px; padding-left: 200px; } .highlights-block-one .inner-box .count-text{ position: absolute; font-size: 110px; line-height: 80px; font-weight: 500; } .highlights-block-one:first-child .inner-box .count-text{ right: 100px; top: 10px; } .highlights-block-one:nth-child(2) .inner-box .count-text{ left: 45px; bottom: -8px; } .highlights-block-one .inner-box .icon-box{ position: relative; display: inline-block; font-size: 60px; line-height: 60px; margin-bottom: 16px; } .highlights-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 14px; } .highlights-block-one .inner-box h3 a{ display: inline-block; color: #fff; } .highlights-block-one .inner-box h3 a:hover{ } .highlights-block-one .inner-box p{ color: #d0cbc8; margin-bottom: 32px; } .highlights-block-one .inner-box .more-btn a{ position: relative; display: inline-block; width: 90px; height: 90px; line-height: 98px; text-align: center; background: #fff; border-radius: 50%; font-size: 30px; color: #1f1f1f; } .highlights-block-one .inner-box .more-btn a span{ position: absolute; left: 46px; font-size: 12px; line-height: 15px; font-family: 'Urbanist', sans-serif; font-weight: 800; color: #1f1f1f; text-transform: uppercase; } .highlights-block-one .inner-box .more-btn a span.curved-text-3{ top: 5px; } .highlights-block-one .inner-box .more-btn a span.curved-text-4{ bottom: -12px; } .highlights-section .image-box{ position: relative; display: flex; align-items: center; justify-content: center; height: 100%; margin: 0px -91px; } .highlights-section .image-box img{ width: 100%; } .right-content .highlights-block-one:first-child .inner-box { padding-right: 0px; padding-left: 200px; } .right-content .highlights-block-one:nth-child(2) .inner-box { padding-right: 200px; padding-left: 0px; } .right-content .highlights-block-one:first-child .inner-box .count-text{ right: inherit; left: 100px; } .right-content .highlights-block-one:nth-child(2) .inner-box .count-text{ left: inherit; right: 45px; } .right-content .inner-container{ position: relative; } .highlights-section .big-text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(90deg); font-size: 150px; line-height: 120px; font-family: 'Urbanist', sans-serif; font-weight: 900; color: rgba(255, 255, 255, 0.06); text-transform: uppercase; width: 100%; text-align: center; z-index: 1; } .highlights-section .big-text span{ color: rgba(255, 255, 255, 0.56); } .highlights-section .shape .shape-1{ position: absolute; left: 0px; top: 50px; width: 473px; height: 481px; background-repeat: no-repeat; } .highlights-section .shape .shape-2{ position: absolute; right: 0px; top: 50px; width: 473px; height: 481px; background-repeat: no-repeat; } .highlights-section .pattern-layer{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 47px; height: 24px; background-repeat: no-repeat; z-index: 1; } /** menu-section **/ .menu-section{ position: relative; } .sec-title p{ margin-top: 12px; } .menu-tab .p-tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; } .menu-tab .p-tab.active-tab { position: relative; visibility: visible; opacity: 1; z-index: 5; } .menu-tab .p-tabs-content { position: relative; display: block; } .menu-tab .p-tab.active-tab .content-inner { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .menu-tab .p-tab .content-inner { position: relative; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); } .menu-section .tab-btns{ position: relative; display: block; width: 100%; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); margin-bottom: 60px; } .menu-section .tab-btns .p-tab-btn{ position: relative; display: inline-block; float: left; width: 20%; text-align: center; padding: 13px 15px; border-right: 1px solid #eae9e5; cursor: pointer; transition: all 500ms ease; } .menu-section .tab-btns .p-tab-btn.active-btn h5{ } .menu-section .tab-btns .p-tab-btn:last-child{ border: none; } .menu-section .tab-btns .p-tab-btn h5{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-family: 'Urbanist', sans-serif; color: #adacab; font-weight: 600; text-transform: uppercase; padding-left: 26px; } .menu-section .tab-btns .p-tab-btn h5 i{ position: absolute; top: 2px; left: 0px; } .p-tabs-content .content-inner{ position: relative; display: block; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); padding: 55px 100px 60px 100px; } .p-tabs-content .owl-carousel .owl-stage-outer{ overflow: visible; } .p-tabs-content .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; } .p-tabs-content .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; } .menu-block-one .inner-box{ position: relative; display: block; padding: 0px 150px 24px 96px; margin-bottom: 25px; border-bottom: 1px solid #eae9e5; } .menu-block-one:last-child .inner-box{ border-bottom: none; margin-bottom: 0px; } .menu-block-one .inner-box .price{ position: absolute; left: 0px; top: 16px; } .menu-block-one .inner-box .price h5{ position: relative; display: inline-block; font-size: 18px; font-weight: 600; width: 55px; height: 55px; line-height: 55px; text-align: center; z-index: 1; } .menu-block-one .inner-box .price h5:before{ position: absolute; content: ''; background: #f2f1ed; width: 55px; height: 55px; left: 0px; top: 0px; transform: rotate(45deg); z-index: -1; } .menu-block-one .inner-box .price h5:after{ position: absolute; content: ''; border: 1px solid #f2f1ed; width: 55px; height: 55px; left: 10px; top: 0px; transform: rotate(45deg); z-index: -1; } .menu-block-one .inner-box .menu-image{ position: absolute; top: 0px; right: 0px; width: 77px; height: 77px; } .menu-block-one .inner-box .menu-image img{ width: 100%; } .menu-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 6px; } .menu-block-one .inner-box h3 a{ display: inline-block; color: #1f1f1f; } .menu-block-one .inner-box h3 a:hover{ } .menu-block-one .inner-box p{ line-height: 26px; } .p-tabs-content .content-inner .content-box{ margin-bottom: 30px; } .p-tabs-content .content-inner .lower-content{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 28px 30px 33px 30px; } .p-tabs-content .content-inner .lower-content:before{ position: absolute; content: ''; background: #1f1f1f; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.75; } .p-tabs-content .content-inner .lower-content h3{ display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 2px; } .p-tabs-content .content-inner .lower-content a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; } .p-tabs-content .content-inner .shape .shape-1{ position: absolute; left: 44px; top: 0px; width: 1px; height: 100%; background: #eae9e5; } .p-tabs-content .content-inner .shape .shape-2{ position: absolute; left: 49px; top: 0px; width: 1px; height: 100%; background: #eae9e5; } .p-tabs-content .content-inner .shape .shape-3{ position: absolute; right: 44px; top: 0px; width: 1px; height: 100%; background: #eae9e5; } .p-tabs-content .content-inner .shape .shape-4{ position: absolute; right: 49px; top: 0px; width: 1px; height: 100%; background: #eae9e5; } .p-tabs-content .content-inner .shape .shape-5{ position: absolute; left: 5px; top: 5px; width: 33px; height: 228px; background-repeat: no-repeat; } .p-tabs-content .content-inner .shape .shape-6{ position: absolute; right: 5px; bottom: 5px; width: 33px; height: 228px; background-repeat: no-repeat; } .p-tabs-content .owl-theme .owl-nav { position: absolute; top: 43%; left: 0; width: 100%; } .nav-style-one .owl-nav button{ position: relative; width: 90px; height: 90px; line-height: 90px; text-align: center; font-size: 20px; border: 1px solid #d5d5d5; color: #d5d5d5; text-align: center; border-radius: 50%; transition: all 500ms ease; } .p-tabs-content .nav-style-one .owl-nav button{ position: absolute; } .nav-style-one .owl-nav button:hover{ } .nav-style-one .owl-nav button span{ display: none; } .p-tabs-content .nav-style-one .owl-nav button.owl-prev{ left: -130px; } .p-tabs-content .nav-style-one .owl-nav button.owl-next{ right: -130px; } .nav-style-one .owl-nav button.owl-prev:before, .nav-style-one .owl-nav button.owl-next:before{ position: absolute; content: "\f053"; /* Unicode escape */ font-family: "Font Awesome 5 Free"; /* or the version you use */ font-weight: 900; width: 90px; height: 90px; line-height: 90px; font-size: 30px; color: #d5d5d5; text-align: center; left: 0px; top: 0px; transition: all 500ms ease; } .nav-style-one .owl-nav button:hover:before{ } .nav-style-one .owl-nav button.owl-next:before{ content: "\f054"; } .nav-style-one .owl-nav button:after{ position: absolute; content: ''; width: 90px; height: 90px; border: 1px solid #d5d5d5; border-radius: 50%; top: 0px; transition: all 500ms ease; } .nav-style-one .owl-nav button:hover:after{ } .nav-style-one .owl-nav button.owl-prev:after{ left: 6px; } .nav-style-one .owl-nav button.owl-next:after{ left: -6px; } .p-tabs-content .owl-dots{ position: absolute; top: 47%; width: 100%; display: block; counter-reset: slides-num; } .p-tabs-content .owl-dots::after { position: absolute; left: -200px; top: 6px; content: counter(slides-num); display: inline-block; font-size: 30px; font-weight: 500; font-family: 'Just Another Hand', cursive; } .p-tabs-content .owl-dots button span{ display: none !important; } .p-tabs-content .owl-dots button{ position: absolute; top: 0px; right: -200px; counter-increment: slides-num; } .p-tabs-content .owl-dots button.active:before{ position: absolute; content: counter(slides-num); top: 0px; right: 0px; font-size: 30px; font-weight: 500; font-family: 'Just Another Hand', cursive; transition: all 500ms ease; } .p-tabs-content .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 11px; font-size: 30px; font-weight: 500; font-family: 'Just Another Hand', cursive; transition: all 500ms ease; } .menu-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .menu-section .image-layer-1{ position: absolute; left: 50px; height: 120px; } .menu-section .image-layer-2{ position: absolute; top: 180px; right: 0px; } .menu-section .image-layer-3{ position: absolute; left: 180px; bottom: 120px; } .menu-section .image-layer-4{ position: absolute; right: 200px; bottom: 100px; } /** funfact-section **/ .funfact-section{ position: relative; overflow: hidden; } .funfact-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .funfact-section .funfact-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 114px 100px 112px 100px; background: rgba(31, 31, 31, 0.95); } .funfact-section .funfact-inner:before{ position: absolute; content: ''; width: calc(100% - 200px); left: 100px; bottom: 0px; height: 1px; } .funfact-block-one .inner-box{ position: relative; display: block; padding-left: 100px; } .funfact-block-one .inner-box:before{ position: absolute; content: ''; background: #fff; opacity: 0.2; width: 1px; height: 100px; top: -7px; right: -110px; transform: rotate(-45deg); } .funfact-block-one:last-child .inner-box:before{ display: none; } .funfact-block-one .inner-box:after{ position: absolute; content: ''; background: #fff; opacity: 0.2; width: 1px; height: 100px; top: -7px; right: -100px; transform: rotate(-45deg); } .funfact-block-one:last-child .inner-box:after{ display: none; } .funfact-block-one .inner-box .icon-box{ position: absolute; left: 0px; top: 5px; font-size: 75px; line-height: 70px; } .funfact-block-one .inner-box .count-outer{ position: relative; display: inline-block; font-size: 47px; line-height: 56px; letter-spacing: 2px; margin-bottom: 0px; } .funfact-block-one .inner-box .count-outer .symble{ position: absolute; top: -23px; right: -13px; font-size: 40px; } .funfact-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 500; } .funfact-section .video-inner{ position: relative; padding: 160px 0px; } .funfact-section .video-inner:before{ position: absolute; content: ''; width: calc(100% - 200px); left: 100px; bottom: 0px; height: 1px; } .funfact-section .video-inner .video-btn a{ position: relative; display: inline-block; width: 80px; height: 80px; line-height: 86px; font-size: 24px; color: #fff; text-align: center; border-radius: 50%; } .funfact-section .video-inner .video-btn a:before, .funfact-section .video-inner .video-btn a:after { width: 100%; height: 100%; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .funfact-section .video-inner .video-btn a:after{ -webkit-animation-delay: .6s; animation-delay: .6s; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .funfact-section .facilities-inner{ position: relative; padding: 112px 0px 110px 0px; background: rgba(31, 31, 31, 0.95); } .funfact-section .facilities-inner .text h2{ display: block; font-size: 36px; line-height: 46px; color: #fff; font-weight: 600; } .funfact-section .facilities-inner .inner-box .single-item{ position: relative; display: block; } .funfact-section .facilities-inner .inner-box .single-item:before{ position: absolute; content: ''; background: #fff; opacity: 0.15; width: 1px; height: 100%; top: 0px; right: -15px; } .funfact-section .facilities-inner .inner-box .single-column:first-child .single-item:after{ position: absolute; content: ''; background: #fff; opacity: 0.15; width: 1px; height: 100%; top: 0px; left: -15px; } .funfact-section .facilities-inner .inner-box .single-item .icon-box{ position: relative; display: block; font-size: 60px; line-height: 50px; margin-bottom: 20px; } .funfact-section .facilities-inner .inner-box .single-item h6{ display: block; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; color: #fff; } /** recommendations-section **/ .recommendations-section{ position: relative; } .recommendations-block-one .inner-box{ position: relative; display: block; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); padding: 38px 30px 31px 300px; min-height: 252px; margin-bottom: 30px; } .recommendations-block-one .inner-box .image-box{ position: absolute; left: 110px; top: 50px; width: 150px; height: 150px; transition: all 500ms ease; } .recommendations-block-one .inner-box:hover .image-box{ width: 172px; height: 172px; left: 100px; top: 40px; } .recommendations-block-one .inner-box .image-box:before{ position: absolute; content: ''; width: 172px; height: 172px; left: -11px; top: -11px; border-radius: 50%; transition: all 500ms ease; } .recommendations-block-one .inner-box:hover .image-box:before{ opacity: 0; } .recommendations-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .recommendations-block-one .inner-box .image-box .image{ position: absolute; display: inline-block; width: 150px; height: 150px; overflow: hidden; left: 0px; top: 0px; transition: all 500ms ease; } .recommendations-block-one .inner-box:hover .image-box .image, .recommendations-block-one .inner-box:hover .image-box img{ border-radius: 50%; } .recommendations-block-one .inner-box:hover .image-box .image{ width: 172px; height: 172px; } .recommendations-block-one .inner-box .image-box .price{ position: absolute; left: 0px; bottom: -150px; width: 100%; height: 100%; text-align: center; border-radius: 50%; font-size: 18px; line-height: 26px; font-family: 'Urbanist', sans-serif; font-weight: 600; color: #fff; padding-top: 13px; z-index: 1; opacity: 0; transition: all 500ms ease; } .recommendations-block-one .inner-box:hover .image-box .price{ bottom: -122px; opacity: 1; } .recommendations-block-one .inner-box h2{ position: absolute; left: -23px; top: 105px; font-size: 40px; line-height: 40px; font-weight: 800; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #eae9e5; transform: rotate(90deg); } .recommendations-block-one .inner-box h6{ display: block; font-size: 14px; line-height: 20px; font-family: 'Kumbh Sans', sans-serif; font-weight: 800; text-transform: uppercase; margin-bottom: 4px; } .recommendations-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 9px; } .recommendations-block-one .inner-box h3 a{ display: inline-block; color: #1f1f1f; } .recommendations-block-one .inner-box h3 a:hover{ } .list-style-one li{ position: relative; display: block; padding-left: 20px; line-height: 30px; margin-bottom: 0px; } .list-style-one li:last-child{ margin-bottom: 0px; } .list-style-one li:before{ position: absolute; content: ''; background: #d5d5d5; width: 8px; height: 8px; left: 0px; top: 10px; transform: rotate(45deg); } .recommendations-section .more-btn{ margin-top: 20px; } /** booking-section **/ .booking-section{ position: relative; padding: 120px 0px; } .booking-section:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: #1f1f1f; opacity: 0.4; z-index: 1; } .booking-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .nice-select:after{ width: 8px; height: 8px; border-bottom: 3px solid #75706d; border-right: 3px solid #75706d; right: 20px; } .nice-select{ position: relative; display: block; height: 54px; line-height: 26px; border: none !important; font-size: 1rem; color: #1e1d1d; padding: 0.9em 0.7em 0.7em 0.7em !important; border-radius: 0px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{ font-size: 1rem !important; color: #1e1d1d !important; padding: 0.7em !important; } .error{ color: #ff0000; font-weight: 500; font-size: 14px; } .booking-section .nice-select{ margin-bottom: 20px; width: 100% !important; } .booking-section .wpcf7-submit.theme-btn-two, .contact-form .wpcf7-submit.theme-btn-two{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; color: #8b1c1b !important; background: #f1caad; font-family: 'Urbanist', sans-serif; text-transform: uppercase; font-weight: 700; padding: 19px 41px 17px 42px; border-radius: 35px; transition: all 500ms ease; } #ptTimeSelectCntr .ui-widget.ui-widget-content{ border: none !important; padding: 0px !important; } #ptTimeSelectCntr{ border: 1px solid #e5e5e5; padding-bottom: 15px; } #ui-datepicker-div.ui-widget-content { background: #fff none repeat scroll 0 0; border: none !important; color: #252525; font-size: 14px; border-radius: 0px; width: 270px; padding: 0px !important; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header { background: #151515 none repeat scroll 0 0; border: 2px solid #252525; border-radius: 0; color: #fff; font-weight: 700; padding: 5px 0; position: relative; } .ui-datepicker td a { color: #000000 !important; text-align: center; background-image: none !important; background: #f5f5f5 !important; border: 1px solid #f9f9f9 !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ border: 1px solid #333333 !important; background: #333333 !important; color: #ffffff !important; } .ui-datepicker .ui-datepicker-prev { left: 5px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border-radius: 30%; height: 20px; position: absolute; top: 7px; width: 20px; background: #fff; transition: all 500ms ease; cursor: pointer; } .ui-datepicker .ui-datepicker-next { right: 5px; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { top: 7px; background: #fff; border: none; } .ui-datepicker table { border-collapse: collapse; font-size: 13px; margin: 0 0 0.4em; width: 100%; z-index: 99999999; } .ui-datepicker th { border: medium none; font-weight: 600; padding: 2px 3px; text-align: center; } .booking-section .inner-box{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 44px 30px 50px 30px; min-height: 567px; z-index: 2; } .booking-section .deal-box .inner-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.32; } .booking-section .inner-box h6{ position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .booking-section .deal-box .inner-box h6{ color: #fff; } .booking-section .inner-box h2{ display: block; font-size: 36px; line-height: 44px; font-weight: 600; margin-bottom: 30px; } .booking-section .deal-box .inner-box h2{ color: #fff; margin-bottom: 180px; } .booking-section .inner-box .offer-box{ margin-bottom: 179px; } .booking-section .deal-box .inner-box .offer-box{ margin-bottom: 29px; } .booking-section .inner-box .offer-box h3{ position: relative; display: inline-block; width: 90px; height: 90px; line-height: 90px; text-align: center; background: #1f1f1f; border: 1px solid #fff; border-radius: 50%; font-size: 24px; font-weight: 600; padding-left: 5px; } .booking-section .inner-box .offer-box h3:before{ position: absolute; content: ''; left: 5px; top: 0px; width: 90px; height: 90px; border: 1px solid #fff; border-radius: 50%; } .booking-section .inner-box .link a{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 62px; background: #fff; text-align: center; font-size: 20px; border-radius: 50%; } .booking-section .inner-box .link a:hover{ color: #fff; } .booking-section .form-column{ padding: 0px; } .booking-section .form-inner{ position: relative; display: block; padding: 41px 30px 50px 30px; border: 1px solid #434343; background: #1f1f1f; min-height: 567px; z-index: 2; margin: 0px 0px; } .booking-section .form-inner h2{ display: block; font-size: 30px; line-height: 42px; color: #fff; font-weight: 600; margin-bottom: 26px; } .booking-section .form-inner .form-group{ position: relative; margin-bottom: 20px; } .booking-section .form-inner .form-group.message-btn{ margin-bottom: 0px; margin-top: 10px; } .booking-section .form-inner .form-group input[type='text']{ position: relative; display: block; width: 100%; height: 54px; background: #fff; border: 1px solid #fff; font-size: 1rem; color: #75706d; padding: 0.7em; transition: all 500ms ease; } .booking-section .form-inner .form-group input:focus{ } .booking-section .form-inner .form-group .select-box{ min-height: 56px; } .booking-section .form-inner .form-group .icon{ position: absolute; top: 13px; right: 20px; color: #75706d; font-size: 14px; z-index: 1; } .booking-section .form-inner .form-group .theme-btn-two:hover{ background: #fff; } /** apps-section **/ .apps-section{ position: relative; padding: 120px 0px 120px 0px; } .image-block-two .image-box{ position: relative; display: block; padding-right: 100px; } .image-block-two .image-box:before{ position: absolute; content: ''; width: 1px; height: 100%; top: 0px; right: 20px; background: #d5d5d5; } .image-block-two .image-box:after{ position: absolute; content: ''; width: 1px; height: 100%; top: 0px; right: 25px; background: #d5d5d5; } .image-block-two .image-box .image{ position: relative; max-width: 570px; } .image-block-two .image-box img{ width: 100%; } .image-block-two .image-box .big-text{ position: absolute; top: 211px; right: -150px; font-size: 150px; line-height: 120px; font-family: 'Urbanist', sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; transform: rotate(90deg); letter-spacing: -8px; } .image-block-two .image-box .location-box.one{ left: 0px; bottom: 190px; } .image-block-two .image-box .location-box.two{ left: 100px; bottom: 60px; } .image-block-two .image-box .location-box{ position: absolute; display: inline-block; background: #fff; border-radius: 30px; padding: 21px 20px 19px 65px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); } .image-block-two .image-box .location-box .icon{ position: absolute; left: 10px; top: 10px; width: 40px; height: 40px; line-height: 46px; font-size: 20px; color: #fff; text-align: center; border-radius: 50%; } .image-block-two .image-box .location-box h6{ display: block; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; } .image-block-two .image-box .shape .shape-1{ position: absolute; left: -145px; bottom: 40px; width: 14px; height: 170px; background-repeat: no-repeat; } .image-block-two .image-box .shape .shape-2{ position: absolute; top: 22px; right: 245px; width: 82px; height: 16px; background-repeat: no-repeat; } .content-block-two .content-box{ position: relative; display: block; } .content-block-two .content-box .download-list{ margin-bottom: 40px; } .content-block-two .content-box .download-list li{ position: relative; display: inline-block; float: left; } .content-block-two .content-box .download-list li:last-child{ margin-left: -12px; top: -4px; } .content-block-two .content-box .download-list li a{ position: relative; display: inline-block; width: 72px; height: 72px; line-height: 78px; text-align: center; font-size: 24px; color: #fff; border-radius: 50%; } .content-block-two .content-box .download-list li:last-child a{ width: 80px; height: 80px; line-height: 86px; border: 4px solid #f2f1ed; background: #1f1f1f; } .content-block-two .content-box .clients-box h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 28px; } .content-block-two .content-box .clients-box .clients-logo li{ position: relative; display: inline-block; float: left; margin-right: 30px; } .content-block-two .content-box .clients-box .clients-logo li:last-child{ margin: 0px !important; } .content-block-two .content-box .sec-title p{ margin-top: 23px; } .content-block-two .content-box .sec-title{ margin-bottom: 32px; } /** testimonial-section **/ .testimonial-section{ position: relative; padding: 120px 0px 138px 0px; } .testimonial-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .testimonial-block-one{ margin-top: 140px; } .testimonial-block-one .inner-box{ position: relative; display: block; padding: 75px 30px 42px 30px; } .testimonial-block-one .inner-box .bg-shape{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .testimonial-block-one .inner-box .thumb-box{ position: absolute; display: inline-block; left: 50%; transform: translateX(-50%); top: -35px; width: 70px; height: 70px; border-radius: 50%; } .testimonial-block-one .inner-box .thumb-box:before{ position: absolute; content: ''; background-image: url(../images/icon-5.png); width: 120px; height: 120px; left: -25px; top: -25px; background-repeat: no-repeat; } .testimonial-block-one .inner-box .thumb-box img{ display: inline-block; width: 100%; border-radius: 50%; } .testimonial-block-one .inner-box .rating{ position: relative; display: block; margin-bottom: 9px; } .testimonial-block-one .inner-box .rating li{ position: relative; display: inline-block; font-size: 15px; margin: 0px 3px; } .testimonial-block-one .inner-box p{ margin-bottom: 17px; } .testimonial-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 0px; } .testimonial-block-one .inner-box .designation{ position: relative; display: block; } .testimonial-section .owl-carousel{ position: relative; display: block; max-width: 370px; margin: 0 auto; } .testimonial-section .owl-stage-outer{ overflow: visible; } .testimonial-section .inner-container{ position: relative; display: block; overflow: hidden; } .testimonial-section .owl-item{ transition: all 500ms ease; } .testimonial-section .owl-item.active{ margin-top: -80px; } .testimonial-section .owl-nav{ position: relative; top: -35px; } .testimonial-section .owl-nav button{ margin: 0px 5px; width: 70px; height: 70px; line-height: 70px; background: #1f1f1f; } .testimonial-section .nav-style-one .owl-nav button.owl-prev:after, .testimonial-section .nav-style-one .owl-nav button.owl-next:after{ width: 70px; height: 70px; } .testimonial-section .nav-style-one .owl-nav button.owl-prev:before, .testimonial-section .nav-style-one .owl-nav button.owl-next:before{ width: 70px; height: 70px; line-height: 70px; font-size: 20px; } .testimonial-section .nav-style-one .owl-nav button.owl-prev:before{ left: -5px; } .testimonial-section .nav-style-one .owl-nav button.owl-next:before{ left: 3px; } .testimonial-section .nav-style-one .owl-nav button.owl-prev:after{ left: -6px; } .testimonial-section .nav-style-one .owl-nav button.owl-next:after{ left: 6px; } .testimonial-section .big-text{ position: absolute; left: 50%; transform: translateX(-50%); bottom: -54px; font-size: 150px; line-height: 105px; color: #fff; font-family: 'Urbanist', sans-serif; font-weight: 900; text-transform: uppercase; z-index: 1; } .testimonial-section .quote{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; z-index: 1; } .testimonial-section .quote .quote-1{ position: absolute; left: 0px; top: 80px; width: 70px; height: 84px; background-repeat: no-repeat; } .testimonial-section .quote .quote-2{ position: absolute; right: 0px; bottom: 120px; width: 70px; height: 84px; background-repeat: no-repeat; } /** news-section **/ .news-section{ position: relative; padding: 170px 0px 120px 0px; } .news-block-one .inner-box{ position: relative; display: block; } .news-block-one .inner-box .image-box{ position: relative; display: block; border: 1px solid #d5d5d5; padding: 14px; } .news-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .news-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .news-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .news-block-one .inner-box .image-box .category{ position: absolute; left: 0px; top: 29px; z-index: 1; } .news-block-one .inner-box .image-box .category a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; background: #f2f1ed; color: #1f1f1f; padding: 7px 15px 3px 15px; } .news-block-one .inner-box .image-box .category a:hover{ color: #fff; } .news-block-one .inner-box .lower-content{ position: relative; display: block; margin-top: 28px; } .news-block-one .inner-box .post-info{ position: relative; display: block; padding-left: 65px; margin-bottom: 11px; } .news-block-one .inner-box .post-info:before{ position: absolute; content: ''; width: 56px; height: 1px; left: 0px; top: 12px; } .news-block-one .inner-box .post-info li{ position: relative; display: inline-block; float: left; font-size: 15px; line-height: 24px; font-weight: 700; font-family: 'Urbanist', sans-serif; text-transform: uppercase; margin-right: 30px; } .news-block-one .inner-box .post-info li:last-child{ margin: 0px !important; } .news-block-one .inner-box .post-info li a{ color: #75706d; } .news-block-one .inner-box .post-info li a:hover{ } .news-block-one .inner-box .post-info li:before{ position: absolute; content: ''; border: 2px solid #b1b0ae; width: 8px; height: 8px; top: 8px; right: -18px; border-radius: 50%; } .news-block-one .inner-box .post-info li:last-child:before{ display: none; } .news-block-one .inner-box .lower-content h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 21px; } .news-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1f1f1f; } .news-block-one .inner-box .lower-content h3 a:hover{ } .bg-color-2{ background: #1f1f1f; } /** instagram-section **/ .instagram-section{ position: relative; padding-top: 120px; } .instagram-section .image-box{ position: relative; display: block; overflow: hidden; } .instagram-section .image-box img{ width: 100%; } .instagram-section .image-box .link{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); display: inline-block; width: 80px; height: 80px; line-height: 88px; text-align: center; border-radius: 50%; background: #fff; font-size: 26px; color: #1f1f1f; } .instagram-section .image-box:hover .link{ transform: translate(-50%,-50%) scale(1,1); } .instagram-section .image-box .link:hover{ color: #fff; } /** main-footer **/ .main-footer{ position: relative; } .main-footer .footer-top{ padding: 115px 0px 120px 0px; border-bottom: 1px solid #393939; } .main-footer .widget-title{ position: relative; display: block; margin-bottom: 24px; } .main-footer .widget-title h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; } .main-footer .links-widget .links-list li{ position: relative; display: block; float: left; width: 50%; margin-bottom: 10px; } .main-footer .links-widget .links-list li:last-child{ margin-bottom: 0px; } .main-footer .links-widget .links-list li a{ position: relative; display: inline-block; color: #d0cbc8; } .main-footer .links-widget .links-list li a:hover{ padding-left: 20px; } .main-footer .links-widget .links-list li a:before{ position: absolute; content: ''; width: 8px; height: 8px; left: 0px; top: 10px; border-radius: 2px; transform: rotate(45deg); opacity: 0; transition: all 500ms ease; } .main-footer .links-widget .links-list li a:hover:before{ opacity: 1; } .main-footer .logo-widget .footer-logo{ position: relative; display: block; margin-bottom: 27px; } .main-footer .logo-widget h6{ display: block; font-size: 16px; font-weight: 700; line-height: 26px; text-transform: uppercase; margin-bottom: 7px; } .main-footer .logo-widget p{ color: #d0cbc8; margin-bottom: 32px; } .main-footer .logo-widget{ position: relative; padding: 0px 80px; } .main-footer .logo-widget .other-links li{ position: relative; display: inline-block; margin: 0px 19px; } .main-footer .logo-widget .other-links li:before{ position: absolute; content: ''; background: #393939; width: 1px; height: 100%; top: 0px; right: -21px; } .main-footer .logo-widget .other-links li:last-child:before{ display: none; } .main-footer .logo-widget .other-links li a{ position: relative; display: inline-block; width: 54px; height: 54px; line-height: 54px; border: 1px solid #393939; text-align: center; border-radius: 50%; font-size: 20px; color: #b6b1af; } .main-footer .logo-widget .other-links li a:hover{ color: #fff; } .main-footer .logo-widget .other-links li:first-child a{ font-size: 26px; } .main-footer .logo-widget .shape .shape-1{ position: absolute; left: 28px; top: 0px; height: 100%; width: 14px; background-repeat: no-repeat; } .main-footer .logo-widget .shape .shape-2{ position: absolute; right: 28px; top: 0px; height: 100%; width: 14px; background-repeat: no-repeat; } .main-footer .contact-widget .inner{ position: relative; margin-bottom: 23px; } .main-footer .contact-widget .inner .single-item{ position: relative; margin-bottom: 15px; } .main-footer .contact-widget .inner .single-item:last-child{ margin-bottom: 0px; } .main-footer .contact-widget .inner .single-item h6{ display: block; font-size: 14px; line-height: 26px; font-weight: 700; text-transform: uppercase; font-weight: 700; margin-bottom: 4px; } .main-footer .contact-widget .inner .single-item p, .main-footer .contact-widget .inner .single-item p a{ color: #d0cbc8; } .main-footer .contact-widget .inner .single-item p a:hover{ } .main-footer .contact-widget .social-links li{ position: relative; display: inline-block; float: left; margin-right: 15px; } .main-footer .contact-widget .social-links li:last-child{ margin: 0px !important; } .main-footer .contact-widget .social-links li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 46px; font-size: 16px; border: 1px solid #383838; border-radius: 50%; color: #a9a5a3; text-align: center; } .main-footer .contact-widget .social-links li a:hover{ color: #fff; } .footer-bottom{ padding: 21px 0px; } .footer-bottom .bottom-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .footer-bottom .bottom-inner p, .footer-bottom .bottom-inner a{ color: #d0cbc8; } .footer-bottom .bottom-inner a:hover{ } .footer-bottom .bottom-inner .footer-nav{ display: flex; align-items: center; } .footer-bottom .bottom-inner .footer-nav li{ margin-right: 45px; } .footer-bottom .bottom-inner .footer-nav li:last-child{ margin: 0px !important; } /*** ==================================================================== Home-Page-Two ==================================================================== ***/ .boxed_wrapper.home_2{ background: #1a1b1d; } /** header-style-two **/ .header-style-two .header-lower{ position: relative; width: 100%; } .header-style-two .header-lower .outer-box{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; } .header-style-two .main-menu .navigation > li > a{ color: #f1caad; } .header-style-two .menu-right .info li, .header-style-two .menu-right .info li a{ color: #fff; } .header-style-two .sticky-header{ background: #8b1c1b; border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .header-style-two .menu-right .social-links li a{ border-color: #fafafa; color: #cccccd; } .header-style-two .menu-right .social-links li a:hover{ color: #fff; } /** banner-style-two **/ .banner-style-two .banner-carousel .slide-item:before{ background: #000; opacity: 0.6; } .banner-style-two .content-box{ max-width: 560px; } .banner-style-two .banner-carousel .content-box .special-text{ padding: 0px; margin-bottom: 11px; } .banner-style-two .banner-carousel .content-box .special-text:before, .banner-style-two .banner-carousel .content-box .special-text:after{ display: none; } .banner-style-two .banner-carousel .content-box h2{ font-size: 90px; line-height: 100px; font-weight: 700; margin-bottom: 6px; } .banner-style-two .banner-carousel .content-box h2 span{ position: relative; display: inline-block; font-size: 50px; bottom: 15px; margin-right: 8px; } .banner-style-two .banner-carousel .content-box h2 span:before{ position: absolute; content: ''; width: 100%; height: 4px; left: 0px; bottom: 18px; } .banner-style-two .banner-carousel .content-box h2{ -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-style-two .banner-carousel .active .content-box h2{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-two .banner-carousel .content-box p{ font-size: 16px; line-height: 28px; color: #c0c3c6; margin-bottom: 37px; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-style-two .banner-carousel .active .content-box p{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-carousel .content-box .btn-box{ opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .btn-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-two .theme-btn-two:hover{ background: #fff; color: #1f1f1f !important; } .banner-style-two .banner-carousel .slide-item{ padding: 237px 0px 180px 0px; } .banner-style-two .owl-dots{ position: absolute; left: 80px; top: 54%; transform: translateY(-50%); } .banner-style-two .owl-dots button{ position: relative; display: block !important; margin: 20px 0px; counter-increment: slides-num; } .banner-style-two .owl-dots button.active:before{ position: absolute; content: counter(slides-num); top: 50%; transform: translateY(-50%); left: 37px; font-size: 24px; line-height: 30px; font-weight: 600; font-family: 'Urbanist', sans-serif; transition: all 500ms ease; } .banner-style-two .owl-dots button.active:after{ position: absolute; content: '0'; top: 50%; transform: translateY(-50%); left: 23px; font-size: 24px; line-height: 30px; font-weight: 600; font-family: 'Urbanist', sans-serif; transition: all 500ms ease; } .banner-style-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: block; width: 2px; height: 70px; background: rgba(255, 255, 255, 0.40); margin: 0px 0px; } .banner-style-two .owl-theme .owl-dots .owl-dot.active span{ } .home_2 .open-hours{ padding: 16px 0px 18px 0px; } .home_2 .open-hours .text h6{ color: #1a1b1d; } .open-hours .shape{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 8px; background-repeat: repeat-x; } /** about-style-two **/ .about-style-two{ position: relative; padding: 120px 0px 120px 0px; } .image-block-three .image-box{ position: relative; display: block; margin-right: 30px; padding-right: 160px; padding-top: 160px; } .image-block-three .image-box .image-2{ position: absolute; top: 0px; right: 0px; } .image-block-three .image-box img{ width: 100%; transition: all 500ms ease; } .image-block-three .image-box .image{ overflow: hidden; } .image-block-three .image-box .image:hover img{ transform: scale(1.05); } .image-block-three .image-box .image-shape{ position: absolute; left: 60px; top: 0px; width: 61px; height: 290px; background-repeat: no-repeat; z-index: 1; } .image-block-three .image-box .text{ position: absolute; right: 75px; bottom: 77px; } .image-block-three .image-box .text span{ position: relative; display: inline-block; font-size: 30px; line-height: 30px; color: #1a1b1d; font-weight: 500; transform: rotate(-18deg); letter-spacing: 1px; } .image-block-three .image-box .text .text-shape{ position: absolute; left: -45px; top: -34px; width: 204px; height: 105px; background-repeat: no-repeat; } .home_2 .sec-title .sub-title:before, .home_2 .sec-title .sub-title:after{ background-image: url(../images/icon-9.png); } .content-block-three .content-box{ position: relative; display: block; margin-top: -5px; } .content-block-three .content-box .inner-box{ position: relative; display: block; padding-left: 45px; } .content-block-three .content-box .inner-box .shape{ position: absolute; left: 0px; top: 7px; width: 18px; height: 100%; background-repeat: no-repeat; } .content-block-three .content-box .text{ margin-bottom: 25px; } .content-block-three .content-box .text h5{ display: block; font-size: 18px; line-height: 28px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .home_2 p{ color: #c0c3c6; } .content-block-three .content-box .list-item li{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #c0c3c6; padding-left: 35px; margin-bottom: 15px; font-style: italic; } .content-block-three .content-box .list-item li i{ position: absolute; left: 0px; top: 5px; } .content-block-three .content-box .list-item li:last-child{ margin-bottom: 0px; } .content-block-three .content-box .list-item{ margin-bottom: 36px; } .content-block-three .content-box .author-box{ position: relative; display: flex; align-items: center; } .content-block-three .content-box .author-box .signature{ position: relative; padding-right: 30px; margin-right: 30px; border-right: 1px solid rgba(255, 255, 255, 0.10); } .content-block-three .content-box .author-box h3{ display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 4px; } .content-block-three .content-box .author-box h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .content-block-three .content-box .sec-title{ margin-bottom: 41px; } /** service-section **/ .service-section{ position: relative; padding: 120px 0px 120px 0px; } .service-section .shape-box .shape-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .service-section .shape-box .shape-2{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .service-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .service-section .bg-layer:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.75; } .home_2 .theme-btn-one span{ color: #fff; } .home_2 .theme-btn-one:hover span, .home_2 .theme-btn-one:hover span:before{ color: #1a1b1d !important; } .service-block-one .inner-box{ position: relative; display: block; overflow: hidden; } .service-block-one .inner-box .content-box{ position: relative; display: block; padding: 70px 30px 50px 30px; background: #1a1b1d; border: 1px solid #3d3e41; } .service-block-one .inner-box .block-bg{ position: absolute; top: 0; left: -101%; height: 100%; width: 100%; z-index: 1; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; background-size: 101% 101%; } .service-block-one .inner-box:hover .block-bg{ left: 0px; } .service-block-one .inner-box .icon-box{ position: relative; display: inline-block; width: 140px; height: 140px; line-height: 162px; text-align: center; font-size: 80px; color: #1a1b1d; border-radius: 50%; margin-bottom: 44px; } .service-block-one .inner-box .icon-box:before{ position: absolute; content: ''; border: 1px solid #595959; width: 170px; height: 170px; border-radius: 50%; top: -10px; left: -15px; } .service-block-one .inner-box .icon-box:after{ position: absolute; content: ''; border: 1px solid #595959; width: 170px; height: 170px; border-radius: 50%; top: -20px; left: -15px; } .service-block-one .inner-box .icon-box .icon{ position: relative; display: inline-block; width: 140px; height: 140px; } .service-block-one .inner-box .icon-box .icon:before{ position: absolute; content: ''; background: #595959; width: 10px; height: 10px; border-radius: 2px; top: 50%; left: -19px; transform: translateY(-50%) rotate(45deg); } .service-block-one .inner-box .icon-box .icon:after{ position: absolute; content: ''; background: #595959; width: 10px; height: 10px; border-radius: 2px; top: 50%; right: -19px; transform: translateY(-50%) rotate(45deg); } .service-block-one .inner-box .rating{ margin-bottom: 22px; } .service-block-one .inner-box .rating li{ position: relative; display: inline-block; margin: 0px 7.5px; } .service-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 14px; } .service-block-one .inner-box h3 a{ display: inline-block; color: #fff; } .service-block-one .inner-box h3 a:hover{ } .service-block-one .inner-box p{ margin-bottom: 32px; } .service-block-one .inner-box .btn-box{ position: relative; z-index: 2; } .service-block-one .inner-box:hover .btn-box .theme-btn-one{ } .service-block-one .inner-box:hover .btn-box .theme-btn-one:hover:before{ opacity: 0; } .service-block-one .inner-box:hover .btn-box .theme-btn-one:hover{ color: #1f1f1f; } .service-block-one .inner-box:hover .btn-box .theme-btn-one span{ padding-left: 26px; color: #1f1f1f; } .service-block-one .inner-box:hover .btn-box .theme-btn-one span:before{ color: #1f1f1f; left: 0px; } /** booking-style-two **/ .booking-style-two{ position: relative; } .booking-style-two .upper-box{ position: relative; padding: 120px 0px 57px 0px; } .sec-title .icon-box{ position: relative; display: block; margin-bottom: 25px; } .sec-title .icon-box .icon{ position: relative; display: inline-block; width: 90px; height: 90px; line-height: 102px; text-align: center; font-size: 45px; border-radius: 50%; color: #1f1f1f; } .booking-style-two .upper-box .sec-title{ margin-bottom: 0px; } .booking-style-two .lower-box{ position: relative; padding: 55px 0px 60px 0px; } .booking-style-two .lower-box:before{ position: absolute; content: ''; width: calc(100% - 200px); height: 1px; left: 100px; top: 0px; z-index: 1; } .booking-style-two .lower-box:after{ position: absolute; content: ''; width: calc(100% - 200px); height: 1px; left: 100px; bottom: 0px; } .booking-style-two .lower-box .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .booking-style-two .lower-box .bg-layer:before{ position: absolute; content: ''; background: #121213; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.8; } .booking-style-two .form-inner .form-group{ position: relative; margin-bottom: 0px; } .booking-style-two .form-inner .form-group label{ position: relative; display: block; font-size: 16px; line-height: 26px; font-family: 'Urbanist', sans-serif; color: #fff; font-weight: 500; margin-bottom: 7px; } .booking-style-two .form-inner .form-group .icon{ position: absolute; bottom: 13px; right: 21px; font-size: 13px; z-index: 1; } .booking-style-two .form-inner .form-group input[type='text']{ position: relative; display: block; width: 100%; height: 54px; border: 1px solid #4b4d50; padding: 10px 50px 10px 20px; font-size: 18px; color: #c0c3c6; transition: all 500ms ease; } .booking-style-two .form-inner .form-group input:focus{ border-color: #fff; } .booking-style-two .form-inner .text p{ display: block; margin-top: 33px; margin-bottom: 22px; } .booking-style-two .form-inner .text .theme-btn-two:hover{ background: #fff; color: #1f1f1f !important; } .home_2 .funfact-section .funfact-inner{ background: #1a1b1d; } .home_2 .funfact-block-one .inner-box .icon-box{ color: #47494d; } .home_2 .funfact-section .funfact-inner:before{ display: none; } /** menu-style-two **/ .menu-style-two{ position: relative; padding: 120px 0px 120px 0px; } .menu-style-two .shape-box .shape-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .menu-style-two .shape-box .shape-2{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .menu-style-two .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .menu-style-two .bg-layer:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.6; } .tabs-box .tab{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box .tab.active-tab{ display:block; } .tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); } .tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); } .menu-style-two .tabs-box{ position: relative; display: block; margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } .menu-style-two .tabs-box:before{ position: absolute; content: ''; width: 1px; height: 100%; left: 30px; top: 0px; } .menu-style-two .tabs-box:after{ position: absolute; content: ''; width: 1px; height: 100%; right: 30px; top: 0px; } .menu-style-two .tab-btn-box{ margin-bottom: 54px; } .menu-style-two .tab-btns li{ position: relative; display: inline-block; float: left; width: 25%; text-align: center; padding: 15px 15px 15px 15px; cursor: pointer; transition: all 500ms ease; } .menu-style-two .tab-btns li:last-child{ border-right: none; } .menu-style-two .tab-btns li h6{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 600; color: #c0c3c6; text-transform: uppercase; padding-left: 30px; transition: all 500ms ease; } .menu-style-two .tab-btns li h6 i{ position: absolute; left: 0px; top: 2px; font-size: 18px; } .menu-style-two .tab-btns li.active-btn h6{ } .menu-style-two .content-box{ position: relative; display: block; padding: 0px 30px 58px 60px; } .menu-style-two .content-box .single-item{ position: relative; display: block; padding-bottom: 25px; margin-bottom: 27px; } .menu-style-two .content-box .single-item:before{ position: absolute; content: ''; border-bottom: 1px dashed #838383; width: calc(100% - 55px); height: 1px; left: 0px; bottom: 0px; } .menu-style-two .content-box .single-item h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .menu-style-two .content-box .single-item h3 a{ display: inline-block; color: #fff; } .menu-style-two .content-box .single-item h3 a:hover{ } .menu-style-two .content-box .single-item h5{ position: absolute; right: 0px; bottom: -13px; font-size: 18px; line-height: 26px; font-weight: 600; } .menu-style-two .content-box .link{ position: relative; display: block; padding-top: 3px; } .menu-style-two .content-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 18px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; } .menu-style-two .content-box .link a:hover{ } .menu-style-two .inner-box{ position: relative; display: block; padding: 0px 50px 0px 75px; margin-top: 5px; } .menu-style-two .inner-box .shape{ position: absolute; left: 0px; top: 0px; width: 25px; height: 100%; background-size: cover; background-repeat: no-repeat; } .menu-style-two .tabs-box .pattern-layer-1{ position: absolute; left: -1px; top: 0px; width: 33px; height: 228px; background-repeat: no-repeat; } .menu-style-two .tabs-box .pattern-layer-2{ position: absolute; right: -1px; bottom: 0px; width: 33px; height: 228px; background-repeat: no-repeat; } .menu-style-two .inner-box h5{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 10px 20px 9px 20px; margin-bottom: 23px; } .menu-style-two .inner-box h2{ display: block; font-size: 30px; line-height: 40px; color: #fff; font-weight: 600; margin-bottom: 20px; } .menu-style-two .inner-box .discount-box{ position: relative; display: inline-block; width: 140px; height: 140px; border-radius: 50%; text-align: center; border: 1px solid #fff; margin-bottom: 24px; padding: 27px 0px 20px 0px; } .menu-style-two .inner-box .discount-box:before{ position: absolute; content: ''; border: 1px solid #fff; width: 100%; height: 100%; top: 0px; left: 5px; border-radius: 50%; } .menu-style-two .inner-box .discount-box h6{ display: block; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; } .menu-style-two .inner-box .discount-box h3{ display: block; font-size: 36px; line-height: 46px; font-weight: 600; } .menu-style-two .inner-box .list-item li{ position: relative; display: inline-block; color: #fff; padding-left: 25px; margin-right: 20px; margin-bottom: 6px; } .menu-style-two .inner-box .list-item li img{ position: absolute; left: 0px; top: 5px; } .menu-style-two .inner-box .list-item li:first-child, .menu-style-two .inner-box .list-item li:last-child{ margin-right: 0px; } .menu-style-two .inner-box .btn-box{ margin-top: 32px; } .menu-style-two .inner-box .btn-box .theme-btn-two{ color: #1f1f1f !important; padding: 19px 48px 17px 48px; } .menu-style-two .inner-box .btn-box .theme-btn-two:hover{ background: #fff; } /** team-section **/ .team-section{ position: relative; } .team-block-one .inner-box{ position: relative; display: block; overflow: hidden; } .team-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .team-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .image{ filter: blur(5px); -webkit-filter: blur(5px); } .team-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .team-block-one .inner-box .image-box .social-links{ position: absolute; top: 30px; right: -44px; z-index: 1; opacity: 0; visibility: hidden; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .social-links{ right: 30px; opacity: 1; visibility: visible; } .team-block-one .inner-box .image-box .social-links li{ position: relative; display: block; margin-bottom: 10px; } .team-block-one .inner-box .image-box .social-links li:last-child{ margin-bottom: 0px; } .team-block-one .inner-box .image-box .social-links li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 50px; font-size: 16px; color: #797a7d; background: #fff; text-align: center; border-radius: 50%; } .team-block-one .inner-box .image-box .social-links li a:hover{ color: #fff; } .team-block-one .inner-box .content-box{ position: absolute; right: 0px; bottom: 0px; width: calc(100% - 30px); background: #26272a; padding: 24px 30px; } .team-block-one .inner-box .content-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 0px; } .team-block-one .inner-box .content-box h3 a{ display: inline-block; color: #fff; } .team-block-one .inner-box .content-box h3 a:hover{ } .team-block-one .inner-box .content-box .designation{ position: relative; display: block; margin-bottom: 9px; } .team-block-one .inner-box .content-box .video-btn a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; color: #fff; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; padding-left: 22px; } .team-block-one .inner-box .content-box .video-btn a i{ position: absolute; left: 0px; top: 1px; } .team-block-one .inner-box .content-box .video-btn a:hover{ } .team-block-one .inner-box .content-box .shape{ position: absolute; top: 0px; right: 0px; width: 18px; height: 100%; background-repeat: repeat-y; } .team-section .owl-nav{ position: absolute; top: -130px; right: 2px; } .team-section .owl-nav button{ margin: 0px 5px; width: 70px; height: 70px; line-height: 70px; border-color: #3e3f42; } .team-section .nav-style-one .owl-nav button.owl-prev:after, .team-section .nav-style-one .owl-nav button.owl-next:after{ width: 70px; height: 70px; border-color: #3e3f42; } .team-section .nav-style-one .owl-nav button.owl-prev:before, .team-section .nav-style-one .owl-nav button.owl-next:before{ width: 70px; height: 70px; line-height: 70px; font-size: 20px; color: #626367; } .team-section .nav-style-one .owl-nav button.owl-prev:before{ left: -5px; } .team-section .nav-style-one .owl-nav button.owl-next:before{ left: 3px; } .team-section .nav-style-one .owl-nav button.owl-prev:after{ left: -6px; } .team-section .nav-style-one .owl-nav button.owl-next:after{ left: 6px; } /** video-section **/ .video-section{ position: relative; padding: 138px 0px; } .video-section .shape-box .shape-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .video-section .shape-box .shape-2{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .video-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .video-section .bg-layer:before{ position: absolute; content: ''; top: 0px; right: 0px; width: 50%; height: 100%; background: #24262a; opacity: 0.9; } .video-section .video-inner{ position: absolute; left: 0px; top: 0px; width: 50%; text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; } .video-section .video-inner .video-btn a{ position: relative; display: inline-block; width: 110px; height: 110px; line-height: 116px; background: #fff; font-size: 24px; text-align: center; border-radius: 50%; } .video-section .video-inner .video-btn a:before{ position: absolute; content: ''; width: 140px; height: 140px; left: -15px; top: -15px; border: 2px solid #fff; border-radius: 50%; } .border-animation { position: absolute; width: 140px; height: 140px; left: -15px; top: -15px; border: 2px solid rgba(255,255,255,.5); -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; animation: squares 2.9s linear 0s infinite; -webkit-animation: squares 2.9s linear 0s infinite; -ms-animation: squares 2.9s linear 0s infinite; -o-animation: squares 2.9s linear 0s infinite; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; opacity: 0; } .border-animation.border-2 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .border-animation.border-3 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; } .content-block-four .content-box{ position: relative; display: block; padding-left: 80px; } .content-block-four .content-box .form-inner .form-group{ position: relative; margin-bottom: 30px; } .content-block-four .content-box .form-inner .form-group:last-child{ margin-bottom: 0px; } .content-block-four .content-box .form-inner .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 53px; font-size: 18px; color: #fff; background: transparent; border-bottom: 1px solid #484c50; padding: 0px 20px 0px 24px; transition: all 500ms ease; } .content-block-four .content-box .form-inner .form-group .icon{ position: absolute; left: 0px; top: 13px; font-size: 15px; } .content-block-four .content-box .form-inner .form-group input:focus{ } .content-block-four .content-box .sec-title{ margin-bottom: 23px; } /** gallery-section **/ .gallery-section{ position: relative; padding-left: 68px; padding-right: 68px; } .gallery-section .gallery-inner{ margin: 0px -5px; } .gallery-section .gallery-item{ position: relative; float: left; margin-bottom: 10px; } .gallery-section .gallery-block-one{ margin-left: 5px; margin-right: 5px; } .gallery-section .big-column{ width: 31%; } .gallery-section .small-column{ width: 19%; } .gallery-block-one .image-box img{ width: 100%; transition: all 500ms ease; } .gallery-block-one .inner-box:hover .image-box img{ transform: scale(1.05); } .gallery-block-one .inner-box{ position: relative; display: block; overflow: hidden; } .gallery-block-one .inner-box .content-box{ position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); background: #1a1b1d; display: flex; align-items: center; justify-content: center; transform: scale(0,0); transition: all 500ms ease; } .gallery-block-one .inner-box:hover .content-box{ transform: scale(1,1); } .gallery-block-one .inner-box .content-box .shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .gallery-block-one .inner-box .content-box .view-btn{ margin-bottom: 14px; } .gallery-block-one .inner-box .content-box .view-btn a{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 82px; font-size: 44px; color: #1a1b1d; border-radius: 50%; text-align: center; } .gallery-block-one .inner-box .content-box .view-btn a:hover{ background: #fff; } .gallery-block-one .inner-box .content-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; } .gallery-block-one .inner-box .content-box h3 a{ display: inline-block; color: #fff; } .gallery-block-one .inner-box .content-box h3 a:hover{ } /** testimonial-style-two **/ .testimonial-style-two{ position: relative; padding: 203px 0px 208px 0px; } .testimonial-style-two .pattern-layer{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 119px; width: 180px; height: 14px; background-repeat: no-repeat; } .testimonial-style-two .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .testimonial-style-two .bg-layer:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.6; } .testimonial-style-two .testimonial-inner{ position: relative; display: block; border-top: none !important; padding: 81px 60px 73px 60px; } .testimonial-style-two .testimonial-inner .shape{ position: absolute; left: -26px; top: 0px; height: 100%; width: 21px; background-size: cover; background-repeat: repeat-y; } .testimonial-style-two .testimonial-inner:before{ position: absolute; content: ''; width: 58px; height: 1px; left: 0px; top: 0px; } .testimonial-style-two .testimonial-inner:after{ position: absolute; content: ''; width: calc(100% - 230px); height: 1px; right: 0px; top: 0px; } .testimonial-style-two .testimonial-inner .image-layer{ position: absolute; right: -71px; bottom: -71px; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; } .testimonial-style-two .testimonial-inner .curve-text{ position: absolute; left: 145px; top: -71px; } .testimonial-style-two .testimonial-inner .curve-text .icon-box{ position: absolute; left: -44px; top: 26px; width: 90px; height: 90px; line-height: 106px; font-size: 60px; color: #1a1b1d; border-radius: 50%; text-align: center; } .testimonial-style-two .testimonial-inner .curve-text .curved-circle-5{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 1px; transform: rotate(159deg); } .testimonial-block-two{ margin-top: 20px; } .testimonial-block-two .inner-box{ position: relative; display: block; } .testimonial-block-two .inner-box .thumb-box{ position: relative; display: inline-block; width: 110px; height: 110px; border-radius: 50%; margin-bottom: 50px; } .testimonial-block-two .inner-box .thumb-box img{ width: 100%; border-radius: 50%; } .testimonial-block-two .inner-box .thumb-box .thumb{ position: relative; } .testimonial-block-two .inner-box .thumb-box .thumb:before{ position: absolute; content: ''; border: 1px solid #4a4a4a; width: 140px; height: 140px; border-radius: 50%; top: -20px; left: -15px; } .testimonial-block-two .inner-box .thumb-box .thumb:after{ position: absolute; content: ''; border: 1px solid #4a4a4a; width: 140px; height: 140px; border-radius: 50%; top: -10px; left: -15px; } .testimonial-block-two .inner-box .thumb-box:before, .testimonial-block-two .inner-box .thumb-box:after{ position: absolute; content: ''; background: #595959; width: 10px; height: 10px; border-radius: 2px; top: 50%; transform: translateY(-50%) rotate(45deg); z-index: 1; } .testimonial-block-two .inner-box .thumb-box:before{ left: -19px; } .testimonial-block-two .inner-box .thumb-box:after{ right: -19px; } .testimonial-block-two .inner-box .rating{ margin-bottom: 16px; } .testimonial-block-two .inner-box .rating li{ position: relative; display: inline-block; font-size: 20px; margin: 0px 3px; } .testimonial-block-two .inner-box p{ line-height: 32px; margin-bottom: 34px; } .testimonial-block-two .inner-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; color: #fff; margin-bottom: 0px; } .testimonial-block-two .inner-box .designation{ position: relative; display: block; line-height: 26px; } .testimonial-style-two .owl-nav{ position: absolute; right: -257px; top: 50%; transform: translateY(-50%) rotate(90deg); } .testimonial-style-two .owl-nav button{ margin: 0px 10px; width: 70px; height: 70px; line-height: 70px; border-color: #808080; } .testimonial-style-two .nav-style-one .owl-nav button.owl-prev:after, .testimonial-style-two .nav-style-one .owl-nav button.owl-next:after{ width: 70px; height: 70px; border-color: #808080; } .testimonial-style-two .nav-style-one .owl-nav button.owl-prev:before, .testimonial-style-two .nav-style-one .owl-nav button.owl-next:before{ width: 70px; height: 70px; line-height: 70px; font-size: 20px; color: #7f7f7f; } .testimonial-style-two .nav-style-one .owl-nav button.owl-prev:before{ left: -5px; } .testimonial-style-two .nav-style-one .owl-nav button.owl-next:before{ left: 3px; } .testimonial-style-two .nav-style-one .owl-nav button.owl-prev:after{ left: -6px; } .testimonial-style-two .nav-style-one .owl-nav button.owl-next:after{ left: 6px; } .testimonial-style-two .shape-box .shape-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; z-index: 1; } .testimonial-style-two .shape-box .shape-2{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 21px; background-size: cover; background-repeat: no-repeat; background-position: top center; z-index: 1; } .testimonial-style-two .owl-dots{ position: absolute; left: -10px; bottom: -116px; display: block; counter-reset: slides-num; } .testimonial-style-two .owl-dots::after { position: absolute; left: 3px; top: 8px; content: counter(slides-num); display: inline-block; font-size: 18px; font-weight: 600; color: #636468; font-family: 'Urbanist', sans-serif; } .testimonial-style-two .owl-dots::before { position: absolute; left: -15px; top: 8px; content: '/0'; display: inline-block; font-size: 18px; font-weight: 600; color: #636468; font-family: 'Urbanist', sans-serif; } .testimonial-style-two .owl-dots button span{ display: none !important; } .testimonial-style-two .owl-dots button{ position: absolute; top: 0px; right: 15px; counter-increment: slides-num; } .testimonial-style-two .owl-dots button.active:before{ position: absolute; content: counter(slides-num); top: 0px; right: 0px; font-size: 40px; font-weight: 500; color: #fff; font-family: 'Urbanist', sans-serif; display: none; transition: all 500ms ease; } .testimonial-style-two .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 0px; font-size: 40px; font-weight: 500; color: #fff; font-family: 'Urbanist', sans-serif; transition: all 500ms ease; } .testimonial-style-two .owl-dots button.active:first-child:after{ content: '01'; } .testimonial-style-two .owl-dots button.active:nth-child(2):after{ content: '02'; } .testimonial-style-two .owl-dots button.active:nth-child(3):after{ content: '03'; } .testimonial-style-two .owl-dots button.active:nth-child(4):after{ content: '04'; } .testimonial-style-two .owl-dots button.active:nth-child(5):after{ content: '05'; } .testimonial-style-two{ direction: ltr !important; } /** cta-section **/ .cta-section{ position: relative; padding: 120px 70px 0px 70px; direction: ltr !important; } .cta-section .outer-container{ position: relative; background: #26272a; padding: 110px 0px 120px 0px; } .cta-section .content-column:first-child .content-box{ margin-left: -120px; margin-right: 25px; } .cta-section .content-column:last-child .content-box{ margin-right: -120px; margin-left: 25px; } .content-block-five .content-box{ position: relative; display: block; } .content-block-five .content-box .sec-title{ margin-bottom: 26px; } .content-block-five .content-box .inner-box h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; } .content-block-five .content-box .inner-box h6 a{ display: inline-block; } .content-block-five .content-box .inner-box h6 a:hover{ text-decoration: underline; } .content-block-five .content-box .inner-box h3{ display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 20px; } .content-block-five .content-box .inner-box h3 a{ display: inline-block; color: #fff; } .content-block-five .content-box .inner-box h3 a:hover{ } .content-block-five .content-box .inner-box .theme-btn-two{ color: #1f1f1f !important; padding: 19px 43px 17px 44px; } .content-block-five .content-box .inner-box .theme-btn-two:hover{ background: #fff; } .cta-section .image-layer{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; } .cta-section .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 360px; height: 244px; background-repeat: no-repeat; } .cta-section .pattern-layer .pattern-2{ position: absolute; right: 0px; bottom: 0px; width: 360px; height: 244px; background-repeat: no-repeat; } .cta-section .pattern-layer .pattern-3{ position: absolute; left: 33%; top: -35px; width: 92px; height: 83px; background-repeat: no-repeat; } .cta-section .pattern-layer .pattern-4{ position: absolute; left: 58%; top: 90px; width: 41px; height: 67px; background-repeat: no-repeat; } .cta-section .pattern-layer .pattern-5{ position: absolute; left: 50px; bottom: 0px; width: 176px; height: 197px; background-repeat: no-repeat; } .cta-section .pattern-layer .pattern-6{ position: absolute; top: -40px; right: 50px; width: 192px; height: 131px; background-repeat: no-repeat; } /** footer-style-two **/ .footer-top-two{ position: relative; padding: 112px 0px 56px 0px; border-bottom: 1px solid #3a3b3e; } .footer-top-two .logo-widget{ padding: 0px; margin-top: 8px; } .footer-top-two .logo-widget p{ color: #c0c3c6; } .footer-top-two .logo-widget p span{ } .footer-top-two .logo-widget .footer-logo{ margin-bottom: 23px; } .footer-top-two .links-widget .links-list li a{ padding: 0px !important; color: #c0c3c6; } .footer-top-two .links-widget .links-list li a:before{ display: none; } .footer-top-two .links-widget .links-list li a:hover{ } .main-footer .contact-widget .contact-info{ position: relative; margin-bottom: 27px; } .main-footer .contact-widget .contact-info li{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #c0c3c6; margin-bottom: 10px; } .main-footer .contact-widget .contact-info li:last-child{ margin-bottom: 0px; } .main-footer .contact-widget .contact-info li a{ display: inline-block; color: #c0c3c6; } .main-footer .contact-widget .contact-info li a:hover{ } .main-footer .contact-widget .contact-info li span.text{ display: inline-block; line-height: 18px; } .main-footer .map-widget #contact-google-map{ position: relative; width: 100%; height: 168px; border: 2px solid #3a3b3e; } .footer-bottom .scroll-btn h6{ position: relative; display: inline-block; font-size: 14px; line-height: 28px; font-weight: 700; text-transform: uppercase; color: #fff; padding-left: 24px; cursor: pointer; } .footer-bottom .scroll-btn h6 i{ position: absolute; left: 0px; top: 6px; font-size: 16px; } .home_2 .footer-bottom .bottom-inner a{ color: #c0c3c6; } .home_2 .footer-bottom{ padding: 32px 0px; } /*** ==================================================================== Home-Page-Three ==================================================================== ***/ /** header-style-three **/ .header-style-three{ position: absolute; left: 0px; top: 0px; width: 100%; } .header-style-three .header-top{ background: transparent; padding: 14px 70px; } .header-style-three .header-top:before{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.15); height: 1px; width: calc(50% - 215px); left: 70px; bottom: 0px; } .header-style-three .header-top:after{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.15); height: 1px; width: calc(50% - 215px); right: 70px; bottom: 0px; } .header-top .info li{ position: relative; display: inline-block; float: left; font-size: 18px; color: #fff; padding-left: 27px; margin-right: 50px; } .header-top .info li:last-child{ margin: 0px !important; } .header-top .info li i{ position: absolute; left: 0px; top: 3px; } .header-top .info li a{ display: inline-block; color: #fff; } .header-top .info li a:hover{ } .header-top .info li:before{ position: absolute; content: ''; width: 8px; height: 8px; top: 10px; right: -29px; transform: rotate(45deg); } .header-top .info li:last-child:before{ display: none; } .header-style-three .header-lower{ background: transparent; } .header-style-three .header-lower .logo-box{ position: absolute; left: 50%; transform: translateX(-50%); top: -18px; padding: 0px; z-index: 1; } .header-style-three .header-lower .main-menu .navigation > li > a{ color: #fff; padding-top: 47px; } .header-style-three .header-lower .main-menu .navigation > li.dropdown > a:before{ top: 46px; } .header-style-three .header-lower .main-menu .navigation > li.current > a, .header-style-three .header-lower .main-menu .navigation > li:hover > a{ } .header-style-three .header-lower .menu-right .info li, .header-style-three .header-lower .menu-right .info li a{ color: #fff; } .header-style-three .header-lower .menu-right .info li:hover, .header-style-three .header-lower .menu-right .info li a:hover{ } .header-style-three .header-lower .menu-right .social-links li a{ border-color: #fafafa; color: #dbdbdb; } .header-style-three .header-lower .menu-right .social-links li a:hover{ } .header-style-three .header-lower .menu-right .info{ padding-right: 27px; } .header-style-three .header-lower .menu-right .info:before{ background: rgba(255, 255, 255, 0.25); top: -2px; } .header-style-three .header-lower .menu-right .info:after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.25); width: 1px; height: 34px; top: -2px; right: 3px; } .header-style-three .other-option li{ position: relative; display: inline-block; float: left; margin-right: 54px; padding-left: 36px; } .header-style-three .other-option li:before, .header-style-three .other-option li:after{ position: absolute; content: ''; background: rgba(255, 255, 255, 0.25); width: 1px; height: 34px; top: 2px; right: -28px; } .header-style-three .other-option li:after{ right: -31px; } .header-style-three .other-option li:last-child:before, .header-style-three .other-option li:last-child:after{ display: none; } .header-style-three .other-option li i{ position: absolute; left: 0px; top: 8px; font-size: 22px; color: #fff; } .header-style-three .other-option li:last-child{ margin: 0px !important; } .header-style-three .other-option li a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-weight: 600; font-family: 'Urbanist', sans-serif; text-transform: uppercase; color: #fff; } /** banner-style-three **/ .banner-style-three{ position: relative; } .banner-style-three .owl-dots{ position: absolute; right: 70px; top: 54%; transform: translateY(-50%); } .banner-style-three .owl-dots button{ position: relative; display: block !important; margin: 20px 0px; counter-increment: slides-num; } .banner-style-three .owl-dots button.active:before{ position: absolute; content: counter(slides-num); top: 50%; transform: translateY(-50%); right: 30px; font-size: 24px; line-height: 30px; font-weight: 600; font-family: 'Urbanist', sans-serif; transition: all 500ms ease; } .banner-style-three .owl-dots button.active:after{ position: absolute; content: '0'; top: 50%; transform: translateY(-50%); right: 41px; font-size: 24px; line-height: 30px; font-weight: 600; font-family: 'Urbanist', sans-serif; transition: all 500ms ease; } .banner-style-three .owl-theme .owl-dots .owl-dot span{ position: relative; display: block; width: 2px; height: 70px; background: rgba(255, 255, 255, 0.40); margin: 0px 0px; } .banner-style-three .owl-theme .owl-dots .owl-dot.active span{ } .banner-style-three .slide-item{ padding: 300px 70px 92px 70px; } .banner-style-three .content-inner .circle-box{ position: relative; display: block; width: 314px; height: 314px; margin: 0 auto; margin-bottom: 40px; z-index: 5; } .banner-style-three .content-inner .circle-box .bg-shape{ position: absolute; left: 0px; top: 0px; width: 314px; height: 314px; background-repeat: no-repeat; } .banner-style-three .content-inner .circle-box .icon-box{ position: absolute; left: 104px; top: 102px; } .banner-style-three .content-inner .circle-box h6{ position: absolute; top: 149px; font-size: 14px; line-height: 20px; color: #fff; font-weight: 600; text-transform: uppercase; } .banner-style-three .content-inner .circle-box .est{ left: 29px; } .banner-style-three .content-inner .circle-box .year{ right: 29px; } .banner-style-three .content-inner .circle-box .curved-circle-6{ position: absolute; left: 156px; top: 28px; font-size: 24px; line-height: 30px; font-family: 'Urbanist', sans-serif; font-weight: 800; color: #fff; text-transform: uppercase; } .banner-style-three .content-inner .circle-box .curved-circle-7{ position: absolute; left: 158px; bottom: 2px; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; color: #fff; font-weight: 600; text-transform: uppercase; } .banner-style-three .banner-carousel .content-box h2{ font-size: 80px; line-height: 90px; font-weight: 800; text-transform: none; margin-bottom: 15px; } .banner-style-three .banner-carousel .content-box p{ font-size: 24px; line-height: 34px; font-weight: 400; margin-bottom: 0px; } .banner-style-three .banner-carousel .active .content-box p{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-style-three .banner-carousel .content-box{ padding-left: 180px; } .banner-style-three .banner-carousel .content-box .link-box{ position: absolute; left: 0px; top: 20px; } .banner-style-three .banner-carousel .content-box .link-box a{ position: relative; display: inline-block; width: 140px; height: 140px; line-height: 150px; border: 1px solid #fff; border-radius: 50%; font-size: 40px; color: #fff; text-align: center; } .banner-style-three .banner-carousel .content-box .link-box a:hover{ } .banner-style-three .banner-carousel .slide-item:after{ background: #090909; opacity: 0.40; } .banner-style-three .banner-carousel .slide-item:before{ background: -webkit-linear-gradient(-90deg, rgba(3,5,5,0.6), rgba(3,5,5,0.0) 100%); } /** about-style-three **/ .about-style-three{ position: relative; padding: 120px 0px; } .about-style-three .image-box{ position: relative; display: block; padding-right: 40px; padding-bottom: 63px; } .about-style-three .image-box .image-shape{ position: absolute; right: 0px; bottom: 0px; width: 271px; height: 231px; background-repeat: no-repeat; } .about-style-three .image-box .image{ position: relative; display: block; overflow: hidden; } .about-style-three .image-box .image img{ width: 100%; } /** text-overlay-animation **/ .overlay-anim-black-bg, .overlay-anim-red-bg, .overlay-anim-white-bg { display: inline-block; overflow: hidden; } .overlay-anim-black-bg:after, .overlay-anim-red-bg:after, .overlay-anim-white-bg:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99); -o-transition: 1s cubic-bezier(.858, .01, .068, .99); transition: 1s cubic-bezier(.858, .01, .068, .99); z-index: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .overlay-anim-black-bg:after{ background: #222; } .overlay-anim-white-bg:after{ background: #fff; } .overlay-anim-black-bg.overlay-animation:after, .overlay-anim-red-bg.overlay-animation:after, .overlay-anim-white-bg.overlay-animation:after { -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); } .content-block-six .content-box{ position: relative; display: block; margin-top: -5px; } .content-block-six .content-box .inner-box{ position: relative; display: block; padding-right: 380px; } .content-block-six .content-box .inner-box .image-inner{ position: absolute; top: -44px; right: 0px; overflow: hidden; } .content-block-six .content-box .inner-box .image-inner img{ width: 100%; transition: all 500ms ease; } .content-block-six .content-box .inner-box .image-inner:hover img{ transform: scale(1.05); } .content-block-six .content-box .inner-box p{ margin-bottom: 26px; } .content-block-six .content-box .inner-box .list-item{ margin-bottom: 34px; } .content-block-six .content-box .sec-title{ margin-bottom: 32px; } .content-block-six .content-box .inner-box .list-item li{ position: relative; display: block; padding-left: 30px; margin-bottom: 13px; } .content-block-six .content-box .inner-box .list-item li:last-child{ margin-bottom: 0px; } .content-block-six .content-box .inner-box .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icon-1.png); width: 14px; height: 16px; left: 0px; top: 6px; background-repeat: no-repeat; } /** deals-section **/ .deals-section{ position: relative; } .deals-section .single-item{ position: relative; float: left; width: 25%; } .deals-section .carousel-inner{ position: relative; float: left; width: 50%; } .deals-section .single-item .inner-box{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 54px 70px 60px 70px; min-height: 600px; } .deals-section h6{ position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .deals-section .single-item .inner-box h2{ display: block; font-size: 36px; line-height: 44px; font-weight: 600; margin-bottom: 50px; } .deals-section .offer-box{ margin-bottom: 172px; } .deals-section .offer-box h3{ position: relative; display: inline-block; width: 90px; height: 90px; line-height: 90px; text-align: center; background: #1f1f1f; border: 1px solid #fff; border-radius: 50%; font-size: 24px; font-weight: 600; padding-left: 5px; } .deals-section .offer-box h3:before{ position: absolute; content: ''; left: 5px; top: 0px; width: 90px; height: 90px; border: 1px solid #fff; border-radius: 50%; } .deals-section .single-item .inner-box .link a{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 62px; background: #fff; text-align: center; font-size: 20px; border-radius: 50%; } .deals-section .inner-box .link a:hover{ color: #fff; } .deals-section .single-item:last-child .inner-box .link{ margin-bottom: 150px; } .deals-section .single-item:last-child .offer-box{ margin-bottom: 65px; } .deals-section .single-item:last-child .inner-box{ padding: 70px 70px 51px 70px; } .deals-section .single-item:last-child .inner-box h2{ margin-bottom: 0px; } .deals-section .carousel-inner .carousel-content{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 252px 60px 48px 60px; min-height: 600px; } .deals-section .carousel-inner .carousel-content .offer-box{ width: 90px; margin: 0 auto; margin-bottom: 64px; } .deals-section .carousel-inner .carousel-content .offer-box h3 span{ position: relative; display: block; font-size: 14px; line-height: 14px; font-weight: 600; margin-top: 8px; text-transform: uppercase; } .deals-section .carousel-inner .carousel-content .offer-box h3{ line-height: 100% !important; padding-top: 23px; } .deals-section .carousel-inner .carousel-content h2{ position: relative; display: block; font-size: 48px; line-height: 58px; font-weight: 600; } .deals-section .carousel-inner .carousel-content h2 a{ display: inline-block; color: #fff; } .deals-section .carousel-inner .carousel-content h2 a:hover{ } .deals-section .carousel-inner .owl-dots{ position: absolute; top: 56px; right: 60px; } .deals-section .carousel-inner .owl-dots .owl-dot{ display: block; margin-bottom: 15px; } .deals-section .carousel-inner .owl-dots .owl-dot:last-child{ margin-bottom: 0px; } .deals-section .carousel-inner .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #808183; border-radius: 50%; background: transparent; margin: 0px; transition: all 500ms ease; } .deals-section .carousel-inner .owl-dots .owl-dot span:before{ position: absolute; content: ''; background: #fff; width: 6px; height: 6px; left: 4px; top: 4px; border-radius: 50%; transition: all 500ms ease; } .deals-section .carousel-inner .owl-dots .owl-dot.active span, .deals-section .carousel-inner .owl-dots .owl-dot span:hover{ } .deals-section .carousel-inner .owl-dots .owl-dot.active span:before, .deals-section .carousel-inner .owl-dots .owl-dot span:hover:before{ } /** menu-style-three **/ .menu-style-three{ position: relative; padding: 115px 0px 170px 0px; } .menu-style-three .tab-btns{ position: relative; display: block; width: 100%; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); margin-bottom: 60px; } .menu-style-three .tab-btns .tab-btn{ position: relative; display: inline-block; float: left; width: 20%; text-align: center; padding: 13px 15px; border-right: 1px solid #eae9e5; cursor: pointer; transition: all 500ms ease; } .menu-style-three .tab-btns .tab-btn.active-btn h5{ } .menu-style-three .tab-btns .tab-btn:last-child{ border: none; } .menu-style-three .tab-btns .tab-btn h5{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-family: 'Urbanist', sans-serif; color: #adacab; font-weight: 600; text-transform: uppercase; padding-left: 26px; } .menu-style-three .tab-btns .tab-btn h5 i{ position: absolute; top: 2px; left: 0px; } .menu-style-three .tabs-content .content-inner{ position: relative; display: block; margin-right: 30px; padding-right: 140px; padding-bottom: 80px; } .menu-style-three .tabs-content .content-inner .image-box{ position: absolute; right: 0px; bottom: 0px; } .menu-style-three .tabs-content .content-inner .inner-box{ position: relative; display: block; background: #e5e4e0; padding: 46px 30px 42px 50px; } .menu-style-three .tabs-content .content-inner .inner-box .sec-title .sub-title{ padding: 0px; margin-bottom: 2px; } .menu-style-three .tabs-content .content-inner .inner-box .sec-title .sub-title:before, .menu-style-three .tabs-content .content-inner .inner-box .sec-title .sub-title:after{ display: none; } .menu-style-three .tabs-content .content-inner .inner-box .sec-title{ margin-bottom: 23px; } .menu-style-three .tabs-content .content-inner .inner-box .btn-box{ margin-bottom: 96px; } .menu-style-three .tabs-content .content-inner .inner-box .lower-text h6{ display: block; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; } .menu-style-three .tabs-content .content-inner .shape{ position: absolute; top: 83px; right: 33px; width: 14px; height: 170px; background-repeat: no-repeat; } .menu-style-three .tabs-content .content-box .single-item{ position: relative; display: block; padding-bottom: 25px; margin-bottom: 27px; } .menu-style-three .tabs-content .content-box .single-item:before{ position: absolute; content: ''; border-bottom: 1px dashed #838383; width: calc(100% - 55px); height: 1px; left: 0px; bottom: 0px; } .menu-style-three .tabs-content .content-box .single-item h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .menu-style-three .tabs-content .content-box .single-item h3 a{ display: inline-block; color: #1f1f1f; } .menu-style-three .tabs-content .content-box .single-item h3 a:hover{ } .menu-style-three .tabs-content .content-box .single-item h5{ position: absolute; right: 0px; bottom: -13px; font-size: 18px; line-height: 26px; font-weight: 600; } .menu-style-three .tabs-content .content-box .single-item:last-child{ margin-bottom: 0px; } .cta-section.alternat-2{ padding-top: 0px; } .cta-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .cta-section .bg-layer:before{ position: absolute; content: ''; background: #1f1f1f; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.9; } .cta-section.alternat-2 .content-block-five .content-box .sec-title p{ color: #c0c3c6; } .cta-section.alternat-2 .content-block-five .content-box .inner-box h6 a{ } .cta-section.alternat-2 .content-block-five .content-box .inner-box h3 a:hover{ } .cta-section.alternat-2 .content-block-five .content-box .inner-box .theme-btn-two{ color: #fff !important; } .cta-section.alternat-2 .content-block-five .content-box .inner-box .theme-btn-two:hover{ color: #1f1f1f !important; } /** chooseus-section **/ .chooseus-section{ position: relative; padding: 120px 0px; } .chooseus-block-one .inner-box{ position: relative; display: block; padding: 49px 10px 0px 60px; } .chooseus-block-one .inner-box .icon-box{ position: relative; display: inline-block; margin-bottom: 20px; } .chooseus-block-one .inner-box .icon-box .count-text{ position: absolute; bottom: 3px; left: 39px; width: 124px; height: 124px; line-height: 124px; background: #e5e4e0; text-align: center; border-radius: 50%; font-size: 36px; color: #75706d; } .chooseus-block-one .inner-box .icon-box .icon{ position: relative; display: block; font-size: 75px; line-height: 60px; } .chooseus-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 13px; } .chooseus-block-one .inner-box p{ margin-bottom: 32px; } .chooseus-block-one .inner-box .shape{ position: absolute; left: 0px; top: 0px; height: 100%; width: 18px; background: no-repeat; background-size: cover; } /** testimonial-style-three **/ .testimonial-style-three{ position: relative; } .testimonial-style-three .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .testimonial-style-three .bg-layer:before{ position: absolute; content: ''; background: #1f1f1f; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.9; } .testimonial-style-three .sec-title p{ color: #c8c3c0; } .testimonial-block-three{ position: relative; display: block; border: 1px solid #424242; padding: 19px; overflow: hidden; } .testimonial-block-three .inner-box{ position: relative; display: block; border: 1px solid #424242; background: #1f1f1f; padding: 53px 50px 52px 50px; } .testimonial-block-three .inner-box .quote-1{ position: absolute; left: 16px; top: 11px; font-size: 60px; color: #393939; transform: rotateY(180deg); } .testimonial-block-three .inner-box .quote-2{ position: absolute; right: 16px; bottom: 11px; font-size: 60px; color: #393939; } .testimonial-block-three .inner-box .text p{ color: #adacab; line-height: 32px; margin-bottom: 15px; } .testimonial-block-three .inner-box .text h3{ display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 0px; } .testimonial-block-three .inner-box .text .designation{ position: relative; display: block; } .testimonial-block-three .shape-box .shape{ position: absolute; background: #424242; width: 1px; z-index: 1; transition: all 500ms ease; } .testimonial-block-three:hover .shape-box .shape{ } .testimonial-block-three .shape-box .shape-1{ left: 30px; top: -15px; height: 90px; transform: rotate(45deg); } .testimonial-block-three .shape-box .shape-2{ left: 35px; top: -20px; height: 110px; transform: rotate(45deg); } .testimonial-block-three .shape-box .shape-3{ right: 30px; bottom: -15px; height: 90px; transform: rotate(45deg); } .testimonial-block-three .shape-box .shape-4{ right: 35px; bottom: -20px; height: 110px; transform: rotate(45deg); } /** fresheat-section **/ .fresheat-section{ position: relative; padding: 120px 0px; } .fresheat-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .content-block-seven .content-box{ position: relative; display: block; background: #e5e4e0; padding: 65px 50px 70px 50px; } .content-block-seven .content-box .list-item li{ position: relative; display: inline-block; font-size: 18px; line-height: 28px; font-weight: 700; font-family: 'Urbanist', sans-serif; color: #1f1f1f; background: #fff; border-radius: 30px; padding: 17px 30px 15px 60px; margin-bottom: 20px; } .content-block-seven .content-box .list-item li:last-child{ margin-bottom: 0px; } .content-block-seven .content-box .list-item li:before{ position: absolute; content: "\f134"; font-family: flaticon; left: 11px; top: 10px; font-size: 12px; color: #fff; width: 40px; height: 40px; line-height: 40px; font-weight: 400; text-align: center; background-image: url(../images/icon-12.png); background-repeat: no-repeat; } .content-block-seven .content-box .sec-title{ margin-bottom: 32px; } .content-block-seven .content-box .sec-title p{ margin-top: 22px; } .content-block-seven .content-box .shape{ position: absolute; top: -60px; right: -60px; width: 120px; height: 120px; background-repeat: no-repeat; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; } /** footer-style-two **/ .footer-style-two{ position: relative; background: #1f1f1f; } .footer-style-two .footer-top{ padding-top: 113px; } .footer-style-two .footer-top .top-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .footer-style-two .footer-top .top-inner .text{ position: relative; display: block; padding-left: 110px; } .footer-style-two .footer-top .top-inner .text .icon-box{ position: absolute; left: 0px; top: 16px; font-size: 50px; line-height: 50px; } .footer-style-two .footer-top .top-inner .text .icon-box:before{ position: absolute; content: ''; background: #393939; width: 1px; height: 65px; top: -8px; right: -30px; } .footer-style-two .footer-top .top-inner .text h2{ display: block; font-size: 36px; line-height: 46px; color: #fff; font-weight: 600; margin-bottom: 7px; } .footer-style-two .footer-top .top-inner .text p{ display: block; color: #c8c3c0; } .footer-style-two .footer-top .top-inner .scroll-btn{ position: relative; display: inline-block; width: 65px; height: 65px; line-height: 73px; font-size: 30px; background: #2d2d2d; color: #adacab; border: 1px solid #393939; border-radius: 50%; text-align: center; cursor: pointer; transition: all 500ms ease; } .footer-style-two .footer-top .top-inner .scroll-btn:hover{ color: #fff; } .footer-style-two .widget-section{ padding: 66px 0px 117px 0px; border-bottom: 1px solid #393939; } .footer-style-two .widget-section .widget-title{ position: relative; display: block; margin-bottom: 9px; } .footer-style-two .widget-section .widget-title h3{ font-size: 22px; line-height: 32px; font-weight: 600; color: #fff; } .footer-style-two .widget-section .location-widget .info-list{ margin-bottom: 22px; } .footer-style-two .widget-section .location-widget .info-list li{ position: relative; display: block; color: #f1caad; margin-bottom: 10px; } .footer-style-two .widget-section .location-widget .info-list li:last-child{ margin-bottom: 0px; } .footer-style-two .widget-section .location-widget .info-list li a{ color: #f1caad; } .footer-style-two .widget-section .location-widget .info-list li a:hover{ } .footer-style-two .widget-section .location-widget .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; color: #fff; text-transform: uppercase; font-weight: 700; background: #2d2d2d; border: 1px solid #393939; padding: 5px 13px 3px 13px; border-radius: 25px; } .footer-style-two .widget-section .location-widget .link a:hover{ } .footer-style-two .widget-section .subscribe-widget p{ color: #c0c3c6; margin-bottom: 2px; } .footer-style-two .widget-section .subscribe-widget form .form-group{ position: relative; margin-bottom: 14px; } .footer-style-two .widget-section .subscribe-widget form .form-group:last-child{ margin-bottom: 0px; } .footer-style-two .widget-section .subscribe-widget form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 53px; font-size: 18px; color: #fff; border-bottom: 1px solid #484c50; transition: all 500ms ease; } .footer-style-two .widget-section .subscribe-widget form .form-group input:focus{ } .footer-style-two .widget-section .subscribe-widget form .form-group .icon{ position: absolute; top: 13px; right: 0px; font-size: 15px; color: #c8c3c0; } .footer-style-two .widget-section .subscribe-widget form .form-group button{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: all 500ms ease; } .footer-style-two .widget-section .subscribe-widget form .form-group button:hover{ } .footer-style-two .widget-section .subscribe-widget form .form-group button i{ font-size: 20px; margin-right: 6px; position: relative; top: 6px; } .footer-style-two .footer-bottom .bottom-inner .footer-nav li{ margin-right: 35px; } /*** ==================================================================== Home-Page-four ==================================================================== ***/ /** header-style-four **/ .header-style-four .header-lower{ background: #1a1b1d; } .header-style-four .header-lower .main-menu .navigation > li > a{ color: #fff; } .header-style-four .main-menu .navigation > li.current > a, .header-style-four .main-menu .navigation > li:hover > a{ } .header-style-four .main-menu .navigation > li > ul > li > a:hover{ } .header-style-four .main-menu .navigation > li > ul > li > ul > li > a:hover{ } .header-style-four .header-lower .menu-right .info li, .header-style-four .header-lower .menu-right .info li a{ color: #fff; } .main-header .menu-right .support-box{ position: relative; display: inline-block; padding-left: 35px; } .main-header .menu-right .support-box .icon-box{ position: absolute; left: 0px; top: 1px; font-size: 26px; } .main-header .menu-right .support-box h5{ font-size: 18px; line-height: 28px; font-weight: 700; } .main-header .menu-right .support-box h5 a{ display: inline-block; } .main-header .menu-right .support-box h5 a:hover{ text-decoration: underline; } .header-style-four .header-lower .menu-right .info:before{ background: rgba(255, 255, 255, 0.10); } /** banner-style-four **/ .banner-style-four{ position: relative; } .banner-style-four .banner-carousel .slide-item{ padding: 208px 0px 220px 0px; } .banner-style-four .banner-carousel .slide-item:after{ display: none; } .banner-style-four .banner-carousel .slide-item:before{ background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.0) 40%); } .banner-style-four .content-box{ max-width: 700px; padding-left: 45px; } .banner-style-four .content-box h2{ font-size: 85px; line-height: 95px; color: #1a1b1d; font-weight: 700; text-transform: none; margin-bottom: 15px; } .banner-style-four .content-box p{ font-size: 20px; line-height: 30px; color: #75706d; margin-bottom: 32px; } .home_4 .theme-btn-two{ color: #1a1b1d !important; } .home_4 .theme-btn-two:hover{ color: #fff !important; } .banner-style-four .banner-carousel .active .content-box h2{ -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .banner-style-four .banner-carousel .active .content-box p{ -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-four .banner-carousel .active .content-box .btn-box{ -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .banner-style-four .owl-theme .owl-nav{ position: absolute; left: 70px; top: 50%; transform: translateY(-50%); } .banner-style-four .owl-theme .owl-nav button{ position: relative; display: block; width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 30px; border: 1px solid #1a1b1d; color: #1a1b1d; text-align: center; border-radius: 50%; margin: 20px 0px; transition: all 500ms ease; } .banner-style-four .owl-theme .owl-nav button:hover{ } .banner-style-four .owl-theme .owl-nav button.owl-prev:before, .banner-style-four .owl-theme .owl-nav button.owl-next:before{ position: absolute; content: "\f123"; font-family: 'flaticon'; width: 70px; height: 70px; line-height: 70px; text-align: center; left: 0px; top: 0px; transition: all 500ms ease; } .banner-style-four .owl-theme .owl-nav button.owl-next:before { content: "\f109"; } .banner-style-four .owl-theme .owl-nav button span{ display: none; } .banner-style-four .content-box .shape{ position: absolute; left: 0px; top: 10px; height: 100%; width: 18px; background-size: cover; background-repeat: no-repeat; } .banner-style-four .big-text{ position: absolute; right: 370px; bottom: 58px; font-size: 200px; line-height: 150px; color: #fff; font-weight: 400; } /** delivery-section **/ .delivery-section{ position: relative; } .home_4 .sec-title .sub-title:before, .home_4 .sec-title .sub-title:after { background-image: url(../images/icon-9.png); } .delivery-block-one .inner-box{ position: relative; display: block; background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); margin-left: 10px; } .delivery-block-one .inner-box .image-box{ position: relative; } .delivery-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .delivery-block-one .inner-box .image-box .image:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.0) 50%); left: 0px; bottom: 0px; right: 0px; z-index: 1; } .delivery-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .delivery-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .delivery-block-one .inner-box .image-box .count-text{ position: absolute; left: 0px; top: 0px; width: 56px; height: 56px; line-height: 56px; text-align: center; font-size: 24px; font-family: 'Urbanist', sans-serif; font-weight: 600; color: #1a1b1d; } .delivery-block-one .inner-box .image-box .count-text:before{ position: absolute; content: ''; border: solid; border-width: 1px; width: 100%; height: 100%; left: -10px; top: -10px; } .delivery-block-one .inner-box .image-box h3{ position: absolute; left: 0px; bottom: 21px; width: 100%; padding-left: 30px; font-size: 22px; line-height: 32px; font-weight: 600; z-index: 2; } .delivery-block-one .inner-box .image-box h3 a{ display: inline-block; color: #fff; } .delivery-block-one .inner-box .image-box h3 a:hover{ } .delivery-block-one .inner-box .lower-content{ position: relative; padding: 23px 20px 22px 30px; } .delivery-block-one .inner-box .lower-content p{ margin-bottom: 12px; } .delivery-block-one .inner-box .lower-content a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1a1b1d; } .delivery-block-one .inner-box .lower-content a:hover{ } .delivery-block-one .inner-box .lower-content a span{ position: relative; transition: all 500ms ease; } .delivery-block-one .inner-box .lower-content a:hover span{ padding-left: 25px; } .delivery-block-one .inner-box .lower-content a span:before{ position: absolute; content: "\f109"; font-family: 'flaticon'; font-size: 20px; left: 0px; top: -4px; font-weight: 400; opacity: 0; transition: all 500ms ease; } .delivery-block-one .inner-box .lower-content a:hover span:before{ opacity: 1; } .delivery-section .sec-title{ margin-bottom: 62px; } /** about-style-four **/ .about-style-four{ position: relative; padding: 115px 0px 113px 0px; } .about-style-four:before{ position: absolute; content: ''; background: #1a1b1d; width: 50%; height: 100%; left: 0px; top: 0px; } .about-style-four:after{ position: absolute; content: ''; background: #fff; width: 50%; height: 315px; top: 0px; right: 0px; } .content-block-eight .content-box{ position: relative; display: block; } .content-block-eight .content-box .inner-box{ position: relative; display: block; padding-right: 370px; } .content-block-eight .content-box .inner-box .image-box{ position: absolute; top: 8px; right: 0px; } .content-block-eight .content-box .inner-box .text{ position: relative; display: block; margin-bottom: 36px; } .content-block-eight .content-box .inner-box .text h3{ display: block; font-size: 26px; line-height: 36px; font-weight: 600; margin-bottom: 24px; } .content-block-eight .content-box .inner-box .text p{ color: #c0c3c6; margin-bottom: 15px; } .content-block-eight .content-box .inner-box .text p:last-child{ margin-bottom: 0px; } .content-block-eight .content-box .sec-title{ margin-bottom: 41px; } .content-block-eight .content-box .inner-box .lower-box{ position: relative; display: block; padding-left: 43px; } .content-block-eight .content-box .inner-box .lower-box h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 21px; } .content-block-eight .content-box .inner-box .lower-box .signature{ position: relative; display: block; margin-bottom: 14px; } .content-block-eight .content-box .inner-box .lower-box h6{ display: block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 700; text-transform: uppercase; } .content-block-eight .content-box .inner-box .lower-box .shape{ position: absolute; left: 0px; top: 5px; width: 18px; height: 207px; background-repeat: no-repeat; } .content-block-eight .content-box .inner-box .image-box .curve-text{ position: absolute; top: -77px; right: -77px; width: 154px; height: 154px; background: #fff; border: 1px solid #d5d5d5; border-radius: 50%; z-index: 2; } .content-block-eight .content-box .inner-box .image-box .curve-text .years{ position: absolute; left: 30px; top: 30px; width: 92px; height: 92px; line-height: 100px; background: #1a1b1d; text-align: center; border-radius: 50%; font-size: 50px; font-weight: 400; } .content-block-eight .content-box .inner-box .image-box .curve-text .curved-circle-8{ position: absolute; left: 75px; top: 2px; font-size: 18px; line-height: 28px; font-weight: 800; color: #1a1b1d; text-transform: uppercase; } .content-block-eight .content-box .inner-box .image-box .curve-text .curved-circle-9{ position: absolute; left: 75px; bottom: -31px; font-size: 16px; line-height: 26px; font-weight: 800; color: #1a1b1d; text-transform: uppercase; letter-spacing: 1.5px; } .content-block-nine .content-box{ position: relative; display: block; z-index: 1; } .content-block-nine .content-box .schedule-box{ position: relative; display: block; margin-bottom: 219px; } .content-block-nine .content-box .schedule-box h6{ display: block; font-size: 16px; line-height: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .content-block-nine .content-box .schedule-box .list li{ position: relative; display: block; font-weight: 500; color: #1a1b1d; margin-bottom: 10px; } .content-block-nine .content-box .schedule-box .list li:last-child{ margin-bottom: 0px; } .content-block-nine .content-box .schedule-box .list li span{ position: relative; padding-right: 33px; margin-right: 19px; } .content-block-nine .content-box .schedule-box .list li span:before{ position: absolute; content: ''; background-image: url(../images/icon-13.png); width: 11px; height: 12px; top: 6px; right: 0px; background-repeat: no-repeat; } .content-block-nine .content-box .inner-box .text{ position: relative; display: block; margin-bottom: 30px; } .content-block-nine .content-box .inner-box .text h3{ display: block; font-size: 26px; line-height: 36px; font-weight: 600; margin-bottom: 24px; } .content-block-nine .content-box .inner-box .single-item{ position: relative; display: block; padding-left: 77px; padding-right: 60px; padding-bottom: 20px; margin-bottom: 23px; border-bottom: 1px solid #d5d5d5; } .content-block-nine .content-box .inner-box .single-item:last-child{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; } .content-block-nine .content-box .inner-box .single-item .icon-box{ position: absolute; left: 0px; top: 6px; font-size: 60px; line-height: 50px; } .content-block-nine .content-box .inner-box .single-item .link{ position: absolute; top: 31px; right: -8px; } .content-block-nine .content-box .inner-box .single-item .link:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 77px; left: -22px; top: -24px; } .content-block-nine .content-box .inner-box .single-item .link a{ position: relative; display: inline-block; font-size: 30px; color: #1a1b1d; } .content-block-nine .content-box .inner-box .single-item .link a:hover{ } .content-block-nine .content-box .inner-box .single-item h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 6px; } .content-block-nine .content-box{ margin-top: -6px; } .about-style-four .big-text{ position: absolute; left: -95px; top: -54px; font-size: 300px; line-height: 200px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #f2f1ed; text-transform: uppercase; z-index: 1; } /** gallery-style-two **/ .gallery-style-two{ position: relative; } /** menu-style-four **/ .menu-style-four{ position: relative; } .menu-style-four .outer-container{ position: relative; padding: 0px 50px; } .menu-style-four .inner-box{ position: relative; display: block; } .menu-style-four .inner-box.style-one{ padding-left: 425px; padding-right: 90px; } .menu-style-four .inner-box.style-two{ padding-right: 425px; padding-left: 90px; } .menu-style-four .inner-box .image-box{ position: absolute; top: 6px; width: 375px; } .menu-style-four .inner-box.style-one .image-box{ left: 0px; } .menu-style-four .inner-box.style-two .image-box{ right: 0px; } .menu-style-four .inner-box .image-box img{ width: 100%; } .menu-style-four .content-box .single-item{ position: relative; display: block; padding-bottom: 22px; margin-bottom: 20px; } .menu-style-four .content-box .single-item:before{ position: absolute; content: ''; border-bottom: 1px dashed #838383; width: calc(100% - 55px); height: 1px; left: 0px; bottom: 0px; } .menu-style-four .content-box .single-item h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .menu-style-four .content-box .single-item h3 a{ display: inline-block; color: #1f1f1f; } .menu-style-four .content-box .single-item h3 a:hover{ } .menu-style-four .content-box .single-item h5{ position: absolute; right: 0px; bottom: -13px; font-size: 18px; line-height: 26px; font-weight: 600; } .menu-style-four .content-box .text{ position: relative; display: block; margin-bottom: 23px; } .menu-style-four .content-box .text h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; } .menu-style-four .content-box .text h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 600; } .menu-style-four .owl-dots{ position: relative; display: block; text-align: center; margin-top: 44px; } .menu-style-four .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #adacab; border-radius: 50%; background: transparent !important; margin: 0px 7.5px; transition: all 500ms ease; } .menu-style-four .owl-dots .owl-dot span:before{ position: absolute; content: ''; background: #adacab; width: 6px; height: 6px; left: 4px; top: 4px; border-radius: 50%; transition: all 500ms ease; } .menu-style-four .owl-dots .owl-dot.active span, .menu-style-four .owl-dots .owl-dot span:hover{ } .menu-style-four .owl-dots .owl-dot.active span:before, .menu-style-four .owl-dots .owl-dot span:hover:before{ } .menu-style-four .carousel-inner{ position: relative; } .menu-style-four .carousel-inner .shape{ position: absolute; left: 50%; transform: translateX(-50%); top: 0px; width: 130px; height: 499px; background-repeat: no-repeat; } .menu-style-four .more-btn{ margin-top: 32px; } .funfact-section.home-4 .funfact-inner{ background: #1a1b1d; } /** shop-section **/ .shop-section{ position: relative; } .shop-block-one .inner-box{ position: relative; display: block; background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); } .shop-block-one .inner-box .image-box{ position: relative; display: block; } .shop-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .shop-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .shop-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .shop-block-one .inner-box .image-box .tags{ position: absolute; left: 0px; top: 20px; } .shop-block-one .inner-box .image-box .tags li{ position: relative; display: block; margin-bottom: 10px; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: #1a1b1d; text-transform: uppercase; width: 40px; text-align: center; padding: 4px 0px 2px 0px; } .shop-block-one .inner-box .image-box .tags li:before{ position: absolute; content: ''; width: 16px; height: 15px; top: 0px; right: -16px; clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%); } .shop-block-one .inner-box .image-box .tags li:after{ position: absolute; content: ''; width: 16px; height: 15px; bottom: 0px; right: -16px; clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%); } .shop-block-one .inner-box .image-box .rating{ position: absolute; display: inline-block; right: 20px; bottom: 20px; background: #fff; font-size: 16px; line-height: 20px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: #1a1b1d; border-radius: 20px; padding: 3px 8px 1px 26px; } .shop-block-one .inner-box .image-box .rating i{ position: absolute; left: 10px; top: 4px; font-weight: 400; font-size: 12px; } .shop-block-one .inner-box .image-box .offer-box{ position: absolute; top: 20px; right: 20px; width: 58px; height: 58px; line-height: 58px; text-align: center; border-radius: 50%; font-size: 18px; font-weight: 600; } .shop-block-one .inner-box .lower-content{ position: relative; display: block; padding: 23px 30px 18px 30px; } .shop-block-one .inner-box .lower-content .text{ position: relative; display: block; padding-bottom: 22px; margin-bottom: 20px; border-bottom: 2px dotted #adacab; } .shop-block-one .inner-box .lower-content h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; } .shop-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1a1b1d; } .shop-block-one .inner-box .lower-content h3 a:hover{ } .shop-block-one .inner-box .lower-content .lower-box{ position: relative; display: flex; align-items: center; justify-content: space-between; } .shop-block-one .inner-box .lower-content .lower-box h5{ font-size: 18px; line-height: 26px; font-weight: 600; } .shop-block-one .inner-box .lower-content .lower-box h5 del{ color: #75706d; } .shop-block-one .inner-box .lower-content .lower-box .cart-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1a1b1d; } .shop-block-one .inner-box .lower-content .lower-box .cart-box a i{ position: relative; margin-right: 7px; font-size: 16px; font-weight: 400; top: 2px; opacity: 0; transition: all 500ms ease; } .shop-block-one .inner-box .lower-content .lower-box .cart-box a:hover i{ opacity: 1; } .shop-block-one .inner-box .lower-content .lower-box .cart-box a:hover{ } /** faq-section **/ .faq-section{ position: relative; padding: 120px 0px; } .faq-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .faq-section .inner-container{ position: relative; overflow: hidden; } .faq-section .bg-shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center; } .faq-section .tab-btn-box{ position: relative; display: block; padding: 30px 60px 60px 60px; margin-right: 40px; } .faq-section .tab-btns .tab-btn{ position: relative; display: block; padding: 24px 0px 21px 0px; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.15); z-index: 1; } .faq-section .tab-btns .tab-btn h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; } .faq-section .tab-btns .tab-btn h3:before{ position: absolute; content: "\f137"; font-family: 'flaticon'; font-size: 24px; top: -2px; right: 0px; color: #1a1b1d; font-weight: 400; opacity: 0.5; transform: rotate(90deg); transition: all 500ms ease; } .faq-section .tab-btns .tab-btn.active-btn h3:before{ transform: rotate(0deg); opacity: 1; } .faq-section .tab-btns{ margin-bottom: 40px; } .faq-section .tab-btn-box .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1a1b1d; border: 1px solid #1a1b1d; border-radius: 30px; padding: 16px 36px 14px 36px; } .faq-section .tab-btn-box .btn-box a:hover{ background: #1a1b1d; color: #fff; } .faq-section .tabs-content{ position: relative; height: 100%; margin-left: -60px; margin-right: 70px; } .faq-section .tabs-content .tab{ position: absolute; left: 0px; bottom: 70px; } .faq-section .tabs-content .text{ position: relative; background: #1a1b1d; padding: 33px 30px 32px 30px; } .faq-section .tabs-content .text h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 9px; } .faq-section .tabs-content .text p{ color: #c0c3c6; } .faq-section .big-text{ position: absolute; left: 200px; bottom: 0px; font-size: 300px; line-height: 200px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(0,0,0,0.1); text-transform: uppercase; z-index: 1; } /** news-style-two **/ .news-style-two{ position: relative; padding: 115px 0px 112px 0px; } .news-block-two .inner-box{ position: relative; display: block; margin-left: 15px; } .news-block-two .inner-box .image-box{ position: relative; display: block; } .news-block-two .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .news-block-two .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .news-block-two .inner-box:hover .image-box .image img{ transform: scale(1.05); } .news-block-two .inner-box .image-box .tags{ position: absolute; left: -15px; top: 15px; } .news-block-two .inner-box .image-box .tags a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1a1b1d; padding: 5px 15px 1px 15px; } .news-block-two .inner-box .image-box .tags a:hover{ color: #fff; background: #1a1b1d; } .news-block-two .inner-box .lower-content .upper-box{ position: relative; padding: 23px 30px 22px 0px; margin-bottom: 23px; border-bottom: 1px solid #d5d5d5; } .news-block-two .inner-box .lower-content .upper-box h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 10px; } .news-block-two .inner-box .lower-content .upper-box h3 a{ display: inline-block; color: #1a1b1d; } .news-block-two .inner-box .lower-content .upper-box h3 a:hover{ } .news-block-two .inner-box .lower-content .post-info li{ position: relative; display: inline-block; float: left; font-size: 15px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; padding-right: 17px; margin-right: 10px; text-transform: uppercase; } .news-block-two .inner-box .lower-content .post-info li:last-child{ padding: 0px !important; margin-bottom: 0px !important; } .news-block-two .inner-box .lower-content .post-info li a{ display: inline-block; font-size: 14px; color: #75706d; } .news-block-two .inner-box .lower-content .post-info li a:hover{ } .news-block-two .inner-box .lower-content .post-info li:before{ position: absolute; content: ''; border: 2px solid #adacab; width: 8px; height: 8px; border-radius: 50%; top: 8px; right: 0px; } .news-block-two .inner-box .lower-content .post-info li:last-child:before{ display: none; } .news-block-two .inner-box .lower-content p{ margin-bottom: 22px; } .news-block-two .inner-box .lower-content .text a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1a1b1d; } .news-block-two .inner-box .lower-content .text a:hover{ } .news-block-two .inner-box .lower-content .text a span{ position: relative; transition: all 500ms ease; } .news-block-two .inner-box .lower-content .text a:hover span{ padding-left: 24px; } .news-block-two .inner-box .lower-content .text a span:before{ position: absolute; content: "\f109"; font-family: 'flaticon'; left: 0px; top: -4px; font-size: 20px; font-weight: 400; opacity: 0; transition: all 500ms ease; } .news-block-two .inner-box .lower-content .text a:hover span:before{ opacity: 1; } .booking-style-two.alternat-2{ padding: 120px 0px; } .booking-style-two.alternat-2 .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .booking-style-two.alternat-2 .lower-box:before, .booking-style-two.alternat-2 .lower-box:after{ display: none; } .booking-style-two.alternat-2 .upper-box, .booking-style-two.alternat-2 .lower-box{ padding: 0px; } .booking-style-two.alternat-2 .sec-title{ margin-bottom: 26px; } .booking-style-two.alternat-2 .sec-title p{ color: #c0c3c6; margin-top: 16px; } .booking-style-two.alternat-2 .form-inner .form-group input[type='text']{ background: #fff; border-color: #fff; color: #75706d; } .booking-style-two.alternat-2 .form-inner .text p{ color: #c0c3c6; } /** footer-style-three **/ .footer-style-three{ position: relative; } .footer-style-three .footer-top{ position: relative; padding: 60px 0px 65px 0px; border-bottom: 1px solid #d5d5d5; } .footer-style-three .footer-top:before{ position: absolute; content: ''; background: #d5d5d5; width: 100%; height: 1px; left: 0px; bottom: 4px; } .footer-style-three .footer-top .top-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .footer-style-three .footer-top .social-links li{ position: relative; display: inline-block; float: left; margin-right: 15px; } .footer-style-three .footer-top .social-links li:last-child{ margin: 0px !important; } .footer-style-three .footer-top .social-links li a{ position: relative; display: inline-block; width: 34px; height: 34px; line-height: 36px; border: 1px solid #242424; border-radius: 50%; text-align: center; font-size: 16px; color: #414140; } .footer-style-three .footer-top .social-links li a:hover{ color: #1a1b1d; } .footer-style-three .footer-top .copyright h5{ font-size: 18px; font-weight: 500; } .footer-style-three .footer-top .copyright h5 a{ color: #1a1b1d; } .footer-style-three .footer-top .copyright h5 a:hover{ } .footer-style-three .widget-section{ position: relative; padding: 80px 0px; border-bottom: 1px solid #d5d5d5; } .footer-style-three .widget-section .widget-title{ position: relative; display: block; margin-bottom: 14px; } .footer-style-three .widget-section .widget-title h3{ font-size: 22px; line-height: 32px; font-weight: 600; } .footer-style-three .widget-section .location-widget .icon-box{ position: relative; display: block; font-size: 70px; line-height: 70px; margin-bottom: 15px; } .footer-style-three .widget-section .location-widget .info-list li{ position: relative; display: block; color: #75706d; margin-bottom: 5px; } .footer-style-three .widget-section .location-widget .info-list li:last-child{ margin-bottom: 0px; } .footer-style-three .widget-section .location-widget .info-list li a{ color: #75706d; } .footer-style-three .widget-section .location-widget .info-list li a:hover{ } .footer-style-three .widget-section .location-widget .info-list{ margin-bottom: 21px; } .footer-style-three .widget-section .location-widget .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Urbanist', sans-serif; color: #1a1b1d; text-transform: uppercase; font-weight: 700; background: #e5e4e0; padding: 6px 13px 4px 13px; border-radius: 25px; } .footer-style-three .widget-section .location-widget .link a:hover{ color: #fff; } .footer-style-three .footer-menu{ position: relative; padding: 16px 0px; border-bottom: 1px solid #d5d5d5; } .footer-style-three .footer-menu .menu-list{ position: relative; display: flex; align-items: center; justify-content: center; } .footer-style-three .footer-menu .menu-list li{ position: relative; display: inline-block; margin: 0px 20px; } .footer-style-three .footer-menu .menu-list li a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1a1b1d; } .footer-style-three .footer-menu .menu-list li a:hover{ } .footer-style-three .footer-bottom .bottom-inner a{ color: #75706d; } .footer-style-three .footer-bottom .bottom-inner a:hover{ } .footer-style-three .footer-bottom .card-list{ position: relative; display: flex; align-items: center; top: 5px; } .footer-style-three .footer-bottom .card-list li{ margin-right: 10px; } .footer-style-three .footer-bottom .card-list li:last-child{ margin: 0px !important; } .footer-style-three .footer-bottom .card-list li a{ position: relative; display: inline-block; font-size: 46px; line-height: 20px; color: #adacab; } .footer-style-three .footer-bottom .card-list li a:hover{ } .footer-style-three .footer-bottom{ padding: 10px 0px; } /*** ==================================================================== Home-Page-Five ==================================================================== ***/ /** header-style-five **/ .header-style-five .header-top{ padding-left: 0px; padding-right: 0px; background: transparent; border-bottom: 1px solid #d5d5d5; } .header-style-five .header-top .top-inner .text p{ color: #75706d; } .header-style-five .header-top .top-inner .text p i{ position: absolute; left: 0px; top: 3px; } .header-style-five .header-top .top-inner .text p a{ color: #75706d; } .header-style-five .header-top .top-inner .text p a:hover{ } .header-style-five .header-top .top-inner .text{ position: relative; } .header-style-five .header-top .top-inner .text:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 56px; top: -14px; right: -50px; } .header-style-five .header-top .top-inner .text:last-child:before{ display: none; } .header-style-five .header-lower{ background: transparent; } .header-style-five .outer-box{ padding: 0px; } .header-style-five .menu-right .info{ padding: 0px; margin: 0px; } .header-style-five .menu-right .info:before{ display: none; } .header-style-five .menu-right .theme-btn-two{ background: #1f1f1f; color: #fff !important; padding: 16px 28px 14px 27px; } .header-style-five .menu-right .theme-btn-two:hover{ } /** banner-style-five **/ .banner-style-five{ position: relative; overflow: hidden; padding: 0px 150px; } .banner-style-five .slide-item:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; bottom: 0px; right: 0px; z-index: 1; background: -webkit-linear-gradient(0deg, rgba(31,31,31,1) 10%, rgba(31,31,31,0.0) 50%); } .banner-style-five .content-box{ position: relative; z-index: 5; } .banner-style-five .content-box .special-font{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 400; margin-bottom: 13px; text-transform: uppercase; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .swiper-slide-active .banner-style-five .content-box .special-font{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-five .content-box h2{ font-size: 76px; line-height: 86px; text-transform: none; font-weight: 700; padding-bottom: 40px; margin-bottom: 43px; color: #fff; opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-style-five .content-box h2:before{ position: absolute; content: ''; width: 220px; height: 6px; left: 0px; bottom: 0px; } .swiper-slide-active .banner-style-five .content-box h2{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-five .content-box p{ color: #c8c3c0; font-weight: 400; margin-bottom: 32px; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .swiper-slide-active .banner-style-five .content-box p{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-five .slide-item { position: relative; overflow: hidden; padding: 153px 0px 160px 0px; } .banner-style-five .content-box .btn-box{ position: relative; display: block; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .swiper-slide-active .banner-style-five .content-box .btn-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .menu-style-five .sec-title{ opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .swiper-slide-active .menu-style-five .sec-title{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .menu-style-five .menu-content{ opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .swiper-slide-active .menu-style-five .menu-content{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .footer-style-four{ opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .swiper-slide-active .footer-style-four{ opacity: 1; } .booking-style-two.alternat-3.alternat-2{ opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .swiper-slide-active .booking-style-two.alternat-3.alternat-2{ opacity: 1; } .banner-style-five{ opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .swiper-slide-active .banner-style-five{ opacity: 1; } .banner-style-five .slide-item .image-layer{ position:absolute; left:0px; top:0px; right: 0px; width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; } .swiper-slide-active .banner-style-five .slide-item .image-layer{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); } .content-slider-nav{ position: absolute; right: 0px; bottom: 0px; z-index: 9; display: none; } .content-slider-nav:before{ position: absolute; content: ''; left: 50%; transform: translateX(-50%); top: 17px; width: 1px; height: 30px; background: #d5d5d5; z-index: 1; } .content-slider-nav .content-slider-control{ position: relative; display: inline-block; width: 60px; height: 64px; line-height: 64px; text-align: center; font-size: 30px; background: #f2f1ed; color: #1f1f1f; margin: 0px; transition: all 500ms ease; } .content-slider-nav .content-slider-control:hover{ } .white-bg{ background: #fff; } .main-content-box{ position: relative; overflow: hidden; } /** menu-style-five **/ .menu-style-five{ position: relative; padding: 40px 0px 120px 0px; } .menu-style-five .outer-container{ position: relative; padding: 0px 150px; } .menu-style-five .menu-content{ position: relative; padding-left: 525px; padding-right: 525px; } .menu-style-five .sec-title{ padding: 95px 30px 89px 30px; background: #1f1f1f; margin-bottom: 74px; } .menu-style-five .sec-title .title-shape .shape-1{ position: absolute; left: 0px; top: 0px; height: 100%; width: 426px; background-size: cover; background-repeat: no-repeat; } .menu-style-five .sec-title .title-shape .shape-2{ position: absolute; right: 0px; top: 0px; height: 100%; width: 296px; background-size: cover; background-repeat: no-repeat; } .menu-style-five .image-box-one{ position: absolute; left: 0px; top: 6px; width: 425px; padding-bottom: 114px; } .menu-style-five .image-box-one .image-shape{ position: absolute; right: -50px; bottom: 0px; width: 340px; height: 340px; border-radius: 50%; background-repeat: no-repeat; } .menu-style-five .image-box-one .image{ position: relative; display: block; } .menu-style-five .image-box-one img{ width: 100%; } .menu-style-five .image-box-two{ position: absolute; right: 0px; top: -14px; width: 425px; } .menu-style-five .image-box-two .image{ position: relative; display: block; } .menu-style-five .image-box-two img{ width: 100%; } .menu-style-five .open-hours{ position: relative; display: block; background: transparent; font-size: 36px; line-height: 46px; color: #d5d5d5; margin-bottom: 34px; } .menu-style-five .content-box .single-item{ position: relative; display: block; padding-bottom: 25px; margin-bottom: 27px; } .menu-style-five .content-box .single-item:before{ position: absolute; content: ''; border-bottom: 1px dashed #838383; width: calc(100% - 55px); height: 1px; left: 0px; bottom: 0px; } .menu-style-five .content-box .single-item h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .menu-style-five .content-box .single-item h3 a{ display: inline-block; color: #1f1f1f; } .menu-style-five .content-box .single-item h3 a:hover{ } .menu-style-five .content-box .single-item h5{ position: absolute; right: 0px; bottom: -13px; font-size: 18px; line-height: 26px; font-weight: 600; } .menu-style-five .content-box .single-item:last-child{ margin-bottom: 0px; } .menu-style-five .content-box{ position: relative; max-width: 553px; width: 100%; margin: 0 auto; } .menu-style-five .content-box .inner-box{ margin-bottom: 37px; } .menu-style-five .content-box .lower-box .link{ position: relative; display: block; margin-bottom: 30px; } .menu-style-five .content-box .lower-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1f1f1f; } .menu-style-five .content-box .lower-box .link a:hover{ } .menu-style-five .content-box .lower-box .link a i{ position: relative; margin-right: 9px; font-size: 22px; font-weight: 400; top: 6px; } .menu-style-five .content-box .lower-box .rating li{ position: relative; display: inline-block; margin-right: 15px; } .menu-style-five .content-box .lower-box .rating li:last-child{ margin: 0px !important; } .menu-style-five.alternet-2 .image-box-two{ padding-bottom: 114px; } .menu-style-five .image-box-two .image-shape{ position: absolute; left: -50px; bottom: 0px; width: 340px; height: 340px; border-radius: 50%; background-repeat: no-repeat; } .booking-style-two.alternat-3{ padding: 0px 150px; } .booking-style-two.alternat-3 .outer-container{ position: relative; background: #1f1f1f; overflow: hidden; } .booking-style-two.alternat-3 .form-inner .form-group .icon{ } .booking-style-two.alternat-3 .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 595px; height: 100%; background-size: cover; background-repeat: no-repeat; } .booking-style-two.alternat-3 .pattern-layer .pattern-2{ position: absolute; right: 0px; top: 0px; width: 951px; height: 100%; background-size: cover; background-repeat: no-repeat; } /** footer-style-four **/ .footer-style-four{ position: relative; } .footer-style-four .footer-top{ position: relative; padding: 112px 0px 115px 0px; border-bottom: 1px solid #d5d5d5; } .footer-style-four .footer-top .content-box .inner-box{ position: relative; display: flex; align-items: center; } .footer-style-four .footer-top .download-list{ margin-right: 26px; } .footer-style-four .footer-top .download-list li{ position: relative; display: inline-block; float: left; } .footer-style-four .footer-top .download-list li:last-child{ margin-left: -12px; } .footer-style-four .footer-top .download-list li a{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; border: 4px solid #f2f1ed; text-align: center; font-size: 24px; color: #fff; border-radius: 50%; } .footer-style-four .footer-top .download-list li:last-child a{ background: #1f1f1f; } .footer-style-four .footer-top .content-box .social-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-style-four .footer-top .content-box .social-links li:last-child{ margin: 0px !important; } .footer-style-four .footer-top .content-box .social-links li a{ position: relative; display: inline-block; width: 62px; height: 62px; line-height: 66px; border: 1px solid #d5d5d5; border-radius: 50%; font-size: 20px; color: #7f7a77; text-align: center; } .footer-style-four .footer-top .content-box .social-links li a:hover{ color: #fff; } .footer-style-four .footer-top h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 25px; } .footer-style-four .footer-top .content-box{ position: relative; } .footer-style-four .footer-top .content-box:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 100%; top: 0px; right: 20px; } .footer-style-four .form-inner form .form-group{ position: relative; margin-bottom: 0px; } .footer-style-four .form-inner form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 62px; background: #fff; border: 1px solid #fff; border-radius: 30px; padding: 10px 170px 10px 30px; font-size: 18px; color: #75706d; transition: all 500ms ease; } .footer-style-four .form-inner form .form-group button{ position: absolute; top: 6px; right: 6px; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; padding: 14px 38px 12px 38px; border-radius: 30px; background: #1f1f1f; cursor: pointer; transition: all 500ms ease; } .footer-style-four .form-inner form .form-group input:focus{ } .footer-style-four .form-inner form .form-group input:focus + button, .footer-style-four .form-inner form .form-group button:hover{ } .footer-style-four .form-inner h2{ margin-bottom: 29px; } .footer-style-four .footer-bottom .bottom-inner p, .footer-style-four .footer-bottom .bottom-inner a{ color: #75706d; } .footer-style-four .footer-bottom .bottom-inner a:hover{ } /*** ==================================================================== Home-Page-Six ==================================================================== ***/ /** header-style-six **/ .header-style-six .header-lower{ padding: 0px 115px 0px 95px; background: #26272a; border-bottom: 1px solid #3e3f42; } .header-style-six .header-lower .outer-box{ padding: 0px; } .header-style-six .header-lower:before, .header-style-six .header-lower:after{ position: absolute; content: ''; background-image: url(../images/shape-51.png); width: 37px; height: 100%; top: 0px; background-size: cover; background-repeat: no-repeat; } .header-style-six .header-lower:before{ left: 10px; } .header-style-six .header-lower:after{ right: 10px; } .header-style-six .header-lower .menu-area{ position: relative; display: flex; align-items: center; justify-content: center; } .header-style-six .outer-box .logo-box{ position: relative; padding: 18px 0px; padding-right: 92px; margin-right: 50px; border-right: 1px solid #3e3f42; } .header-style-six .outer-box .logo-box:before{ position: absolute; content: ''; background-image: url(../images/shape-51.png); width: 37px; height: 100%; top: 0px; right: 10px; background-size: cover; background-repeat: no-repeat; } .header-style-six .header-lower .main-menu .navigation > li > a{ padding-top: 20px; padding-bottom: 20px; color: #fff; } .header-style-six .header-lower .main-menu .navigation > li.dropdown > a:before{ top: 19px; } .header-style-six .main-menu .navigation > li.current > a, .header-style-six .main-menu .navigation > li:hover > a{ } .header-style-six .menu-right .info li, .header-style-six .menu-right .info li a{ color: #fff; } .header-style-six .menu-right .info:before{ display: none; } .header-style-six .menu-right .info{ padding: 0px; margin: 0px; } .header-style-six .menu-right .link{ position: relative; display: block; padding: 23px 0px; padding-left: 110px; margin-left: 50px; border-left: 1px solid #3e3f42; } .header-style-six .menu-right .link:before{ position: absolute; content: ''; background-image: url(../images/shape-51.png); width: 37px; height: 100%; top: 0px; left: 10px; background-size: cover; background-repeat: no-repeat; } .header-style-six .menu-right .link h6{ position: relative; font-size: 14px; line-height: 24px; color: #fff; font-weight: 700; text-transform: uppercase; padding-left: 34px; } .header-style-six .menu-right .link h6 i{ position: absolute; left: 0px; top: 0px; font-size: 20px; } .header-style-six .menu-right .link h6 a{ display: inline-block; color: #fff; } .header-style-six .menu-right .link h6 a:hover{ } .header-style-six .menu-right .info li{ margin-right: 40px; } .header-style-six .menu-right .info li:before{ position: absolute; content: ''; background: #393939; width: 1px; height: 24px; top: 0px; right: -20px; } .header-style-six .menu-right .info li:last-child:before{ display: none; } .header-style-six .menu-right .info li.user-box{ top: -2px; } .header-style-six .main-menu .navigation > li > ul > li > a:hover{ } .header-style-six .main-menu .navigation > li > ul > li > a:before{ } .header-style-six .main-menu .navigation > li > ul > li > ul > li > a:hover{ } .header-style-six .main-menu .navigation > li > ul > li > ul > li > a:before{ } /** menu-style-six **/ .menu-style-six{ position: relative; background: #1a1b1d; } .menu-style-six .single-menu-box{ position: relative; display: block; float: left; width: 20%; border-right: 1px solid #3e3f42; } .menu-style-six .single-menu-box:last-child{ border: none; } .menu-style-six .single-menu-box .inner-box{ position: relative; display: block; padding: 108px 30px 70px 30px; min-height: 858px; } .menu-style-six .single-menu-box .content-box{ position: relative; display: block; text-align: center; } .menu-style-six .single-menu-box .content-box .big-text{ position: relative; display: block; font-size: 250px; line-height: 200px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: transparent; -webkit-text-stroke-width: 1px; text-transform: uppercase; margin-bottom: 20px; } .menu-style-six .single-menu-box .content-box h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; color: #fff; } .menu-style-six .single-menu-box .content-box .vector-image{ position: relative; display: block; } .menu-style-six .single-menu-box:first-child .content-box .vector-image, .menu-style-six .single-menu-box:nth-child(3) .content-box .vector-image, .menu-style-six .single-menu-box:last-child .content-box .vector-image{ margin-top: 119px; } .menu-style-six .single-menu-box:nth-child(2) .content-box .vector-image, .menu-style-six .single-menu-box:nth-child(4) .content-box .vector-image{ margin-bottom: 119px; } .menu-style-six .single-menu-box .overlay-content{ position: absolute; top: 0; left: 0; width: 200%; height: 100%; background-repeat: no-repeat; background-position: right center; background-size: cover; z-index: 20; display: flex; overflow: hidden; opacity: 0; visibility: hidden; transform: scaleX(0); padding: 112px 90px 40px 90px; transition: 500ms ease; transform-origin: left center; } .menu-style-six .single-menu-box .overlay-content:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.6; } .menu-style-six .single-menu-box:last-child .overlay-content{ left: inherit; right: 0px; transform-origin: right center; } .menu-style-six .single-menu-box:hover .overlay-content{ transform: scaleX(1); opacity: 1; visibility: visible; } .menu-style-six .single-menu-box .overlay-content .inner{ position: relative; display: block; width: 100%; } .menu-style-six .single-menu-box .overlay-content .title-box{ display: block; margin-bottom: 46px; } .menu-style-six .single-menu-box .overlay-content .title-box h2{ display: block; font-size: 36px; line-height: 46px; color: #fff; font-weight: 700; margin-bottom: 7px; } .menu-style-six .single-menu-box .overlay-content .title-box span{ position: relative; display: block; } .menu-style-six .single-menu-box .overlay-content .single-item{ position: relative; display: block; padding-bottom: 25px; margin-bottom: 27px; } .menu-style-six .single-menu-box .overlay-content .single-item:before{ position: absolute; content: ''; border-bottom: 1px dashed #838383; width: calc(100% - 55px); height: 1px; left: 0px; bottom: 0px; } .menu-style-six .single-menu-box .overlay-content .single-item h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .menu-style-six .single-menu-box .overlay-content .single-item h3 a{ display: inline-block; color: #fff; } .menu-style-six .single-menu-box .overlay-content .single-item h3 a:hover{ } .menu-style-six .single-menu-box .overlay-content .single-item h5{ position: absolute; right: 0px; bottom: -13px; font-size: 18px; line-height: 26px; font-weight: 600; } .menu-style-six .single-menu-box .overlay-content .single-item p{ color: #c0c3c6; } .menu-style-six .single-menu-box .overlay-content .lower-box .link{ position: relative; display: block; margin-bottom: 23px; } .menu-style-six .single-menu-box .overlay-content .lower-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 18px; font-family: 'Urbanist', sans-serif; color: #fff; text-transform: uppercase; } .menu-style-six .single-menu-box .overlay-content .lower-box .link a:hover{ } .menu-style-six .single-menu-box .overlay-content .lower-box .close-btn a{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 60px; background: #1a1b1d; border: 1px solid #3e3f42; border-radius: 50%; text-align: center; font-size: 24px; } .menu-style-six .single-menu-box .overlay-content .lower-box .close-btn a:hover{ background: #fff; border-color: #fff; color: #1a1b1d; } .menu-style-six .single-menu-box .overlay-content .lower-box{ padding-top: 8px; } /** contact-info **/ .contact-info-section{ position: relative; background: #26272a; } .contact-info-section .single-item{ position: relative; display: block; float: left; width: 20%; border-right: 1px solid #3e3f42; text-align: center; padding: 21px 0px; } .contact-info-section .single-item:last-child{ border: none; padding: 13px 0px; } .contact-info-section .single-item .social-links{ position: relative; display: flex; align-items: center; justify-content: center; } .contact-info-section .single-item p, .contact-info-section .single-item p a{ color: #c0c3c6; } .contact-info-section .single-item p a:hover{ color: #fff; } .contact-info-section .single-item .social-links li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 1px solid transparent; border-radius: 50%; color: #c0c3c6; } .contact-info-section .single-item .social-links li a:hover{ border: 1px solid #3d3e41; } .contact-info-section .single-item p span{ } .contact-info-section .single-item p span .text{ text-transform: uppercase; } /*** ==================================================================== Home-Page-Seven ==================================================================== ***/ .boxed_wrapper.home_7{ background: #1f1f1f; } /** header-style-seven **/ .header-style-seven{ position: relative; } .home7-top{ position: relative; padding-left: 70px; } .home7-top .logo{ position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; line-height: 70px; text-align: center; } .home7-top .outer-container{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 21px 70px; } .home7-top .outer-container:before{ position: absolute; content: ''; background: #f2f1ed; width: 595px; height: 100%; top: 0px; right: 0px; } .home7-top .info{ position: relative; display: flex; align-items: center; } .home7-top .info li{ position: relative; color: #c8c3c0; margin-right: 60px; } .home7-top .info li strong{ color: #fff; } .home7-top .info li:last-child{ margin: 0px !important; } .home7-top .info li a{ color: #c8c3c0; } .home7-top .info li a:hover{ color: #fff; } .home7-top .info li:before{ position: absolute; content: ''; background: #393939; width: 1px; height: 30px; top: 1px; right: -30px; } .home7-top .info li:last-child:before{ display: none; } .home7-top .search-inner .form-group{ position: relative; margin: 0px; padding-left: 70px; width: 525px; } .home7-top .search-inner .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 28px; background: transparent; font-size: 18px; color: #75706d; padding-right: 60px; } .home7-top .search-inner .form-group button{ position: absolute; top: 0px; right: 0px; font-size: 20px; color: #1f1f1f; cursor: pointer; transition: all 500ms ease; } .home7-top .search-inner .form-group input:focus + button, .home7-top .search-inner .form-group button:hover{ } .home7-top .search-inner .form-group button:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 30px; left: -21px; top: -4px; } /** banner-style-seven **/ .banner-style-seven{ position: relative; padding: 0px 70px; } .banner-style-seven:before{ position: absolute; content: ''; background: #f2f1ed; width: 70px; height: 100%; top: 0px; right: 0px; } .banner-style-seven .content-box h3{ display: block; font-size: 24px; line-height: 34px; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 35px; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-style-seven .active .content-box h3{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-seven .content-box .big-text{ position: relative; display: block; font-size: 120px; line-height: 100px; text-transform: uppercase; margin-bottom: 4px; color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; letter-spacing: 5px; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-style-seven .active .big-text{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-style-seven .content-box p{ font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 32px; } .banner-style-seven .banner-carousel .slide-item { padding: 283px 0px 290px 0px; } .banner-style-seven .owl-dots{ position: absolute; left: -43px; top: 50%; transform: translateY(-50%); } .banner-style-seven .owl-dots:before{ position: absolute; content: ''; top: -80px; left: 8px; width: 1px; height: 60px; background: #393939; } .banner-style-seven .owl-dots:after{ position: absolute; content: ''; bottom: -73px; left: 8px; width: 1px; height: 60px; background: #393939; } .banner-style-seven .owl-dots .owl-dot{ position: relative; display: block; margin-bottom: 25px; } .banner-style-seven .owl-dots .owl-dot:last-child{ margin-bottom: 0px; } .banner-style-seven .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #383838; border-radius: 50%; cursor: pointer; background: transparent !important; margin: 0px; transition: all 500ms ease; } .banner-style-seven .owl-dots .owl-dot.active span, .banner-style-seven .owl-dots .owl-dot span:hover{ } .banner-style-seven .owl-dots .owl-dot span:before{ position: absolute; content: ''; background: #393939; width: 6px; height: 6px; border-radius: 50%; left: 4px; top: 4px; transition: all 500ms ease; } .banner-style-seven .owl-dots .owl-dot.active span:before, .banner-style-seven .owl-dots .owl-dot span:hover:before{ } .banner-style-seven .social-links{ position: absolute; left: 18px; bottom: 0px; } .banner-style-seven .social-links li{ position: relative; display: block; margin-bottom: 20px; } .banner-style-seven .social-links li:last-child{ margin-bottom: 0px; } .banner-style-seven .social-links li a{ position: relative; display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #383838; color: #95918f; border-radius: 50%; } .banner-style-seven .social-links li a:hover{ color: #fff; } .banner-style-seven .text{ position: absolute; left: -30px; top: 125px; transform: rotate(-90deg); } .banner-style-seven .text h6{ display: block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 700; text-transform: uppercase; } .banner-style-seven .link-text{ position: absolute; top: 50%; transform: translateY(-50%); right: -40px; transform: rotate(90deg); } .banner-style-seven .link-text a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 800; text-transform: uppercase; color: #1f1f1f; } .banner-style-seven .link-text a:hover{ } .banner-style-seven .link-text a span{ position: relative; padding-left: 66px; } .banner-style-seven .link-text a span:before{ position: absolute; content: ''; background-image: url(../images/shape-52.png); width: 42px; height: 26px; left: 12px; top: -5px; background-repeat: no-repeat; transform: rotate(-90deg); } .jquery-background-video-wrapper{ position: absolute !important; width: calc(100% - 140px) !important; height: 100% !important; left: 70px; top: 0px; } /** header-style-seven **/ .header-style-seven{ position: relative; } .header-style-seven .header-lower{ background: transparent; } .header-style-seven .header-lower .outer-box{ position: relative; } .header-style-seven .header-lower .outer-box:before{ position: absolute; content: ''; background: #f2f1ed; width: 595px; height: 100%; top: 0px; right: 0px; } .header-style-seven .main-menu .navigation > li > a{ color: #fff; padding-top: 20px; padding-bottom: 20px; } .header-style-seven .main-menu .navigation > li.current > a, .header-style-seven .main-menu .navigation > li:hover > a{ } .header-style-seven .main-menu .navigation > li > a:before{ top: 19px; } .header-style-seven .main-menu .navigation > li > ul, .header-style-seven .main-menu .navigation > li > .megamenu{ top: inherit; bottom: 50px; } .header-style-seven .main-menu .navigation > li.dropdown:hover > ul, .header-style-seven .main-menu .navigation > li.dropdown:hover > .megamenu{ top: inherit; bottom: 70px; } .header-style-seven .main-menu .navigation > li > ul > li > ul{ top: inherit !important; bottom: -20px; } .header-style-seven .main-menu .navigation li > ul > li.dropdown:hover > ul{ bottom: 0px; } .header-style-seven .menu-right p{ position: relative; display: block; padding-left: 30px; color: #75706d; } .header-style-seven .menu-right p a{ color: #75706d; } .header-style-seven .menu-right p a:hover{ } .header-style-seven .menu-right p i{ position: absolute; left: 0px; top: 2px; font-size: 20px; color: #1f1f1f; } .header-style-seven .menu-right .cart-box{ position: relative; padding-right: 30px; margin-right: 30px; } .header-style-seven .menu-right .cart-box:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 30px; top: 0px; right: 0px; } /*** ==================================================================== About-Page ==================================================================== ***/ /** page-title **/ .page-title{ position: relative; padding: 176px 0px 22px 0px; } .page-title .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-title .bg-layer:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(13,23,25,0.6), rgba(13,23,25,0.10) 100%); left: 0px; bottom: 0px; right: 0px; } .page-title .content-box h1{ position: relative; display: block; text-align: center; font-size: 60px; line-height: 70px; font-weight: 700; color: #fff; margin-bottom: 128px; } .page-title .content-box .bread-crumb li{ position: relative; display: inline-block; float: left; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: #fff; text-transform: uppercase; padding-right: 22px; margin-right: 12px; } .page-title .content-box .bread-crumb li:last-child{ padding: 0px !important; margin: 0px !important; } .page-title .content-box .bread-crumb li a{ position: relative; display: inline-block; color: #fff; } .page-title .content-box .bread-crumb li a:hover{ } .page-title .content-box .bread-crumb li:before{ position: absolute; content: ''; width: 8px; height: 8px; top: 6px; right: 0px; transform: rotate(45deg); } .page-title .content-box .bread-crumb li:last-child:before{ display: none; } .about-style-two.about-page .image-block-three .image-box .text span{ color: #fff; } .about-style-two.about-page .content-block-three .content-box .text h5{ } .about-style-two.about-page .content-block-three .content-box .list-item li i{ } .about-style-two.about-page .content-block-three .content-box .list-item li{ color: #75706d; } .about-style-two.about-page .content-block-three .content-box .author-box .signature{ border-right: 1px solid #d5d5d5; } .about-style-two.about-page .content-block-three .content-box .author-box h3{ color: #1f1f1f; } .about-style-two.about-page .content-block-three .content-box .author-box h6{ } /** history-section **/ .history-section{ position: relative; background: #1f1f1f; padding: 105px 0px 120px 0px; } .history-section .inner-container{ position: relative; padding-bottom: 37px; } .history-section .inner-container:before{ position: absolute; content: ''; border-right: 1px solid #393939; width: 1px; height: 100%; top: 0px; left: 50%; margin-left: 0px; } .history-section .inner-box .single-item{ position: relative; display: block; padding-right: 100px; padding-left: 100px; margin-bottom: 51px; } .history-section .inner-box .single-item:last-child{ margin-bottom: 0px; } .history-section .inner-box .single-item:last-child .icon-box{ margin-bottom: 0px; } .history-section .inner-box .single-item .icon-box{ position: relative; display: block; margin-bottom: 76px; } .history-section .inner-box .single-item .text{ position: relative; } .history-section .inner-box .single-item h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 3px; } .history-section .inner-box .single-item h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 14px; } .history-section .inner-box .single-item p{ color: #c8c3c0; } .history-section .inner-box .single-item .year{ position: absolute; top: -9px; font-size: 36px; line-height: 124px; font-weight: 400; color: #4e4e4e; height: 86px; background: #1f1f1f; } .history-section .inner-column:first-child .inner-box .single-item .year{ right: -135px; } .history-section .inner-column:last-child .inner-box .single-item .year{ left: -135px; } .history-section .inner-box .single-item .year:before{ position: absolute; content: ''; background-image: url(../images/icon-14.png); width: 15px; height: 15px; left: 14px; top: 15px; background-repeat: no-repeat; } .history-section .inner-column:last-child .inner-box .single-item .icon-box{ margin-top: 51px; } .history-section .inner-column:first-child .inner-box{ padding-top: 14px; } .history-section .inner-column:last-child .inner-box{ padding-top: 9px; } .history-section .more-btn{ margin-top: 50px; } .history-section .more-btn .theme-btn-two:hover{ background: #fff; } .history-section .big-text{ position: absolute; left: 70px; bottom: 110px; font-size: 150px; line-height: 120px; font-family: 'Urbanist', sans-serif; font-weight: 900; text-transform: uppercase; color: #2a2a2a; } .history-section .image-layer .image-1{ position: absolute; left: 70px; top: 120px; } .history-section .image-layer .image-2{ position: absolute; right: 70px; bottom: 120px; } .history-section .shape{ position: absolute; top: 120px; right: 285px; width: 14px; height: 170px; background-repeat: no-repeat; } .delivery-section.about-page .delivery-block-one .inner-box .image-box .count-text{ color: #fff; } .delivery-section .shape{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 48px; height: 25px; } /** chooseus-style-two **/ .chooseus-style-two{ position: relative; background: #1f1f1f; padding: 115px 0px 112px 0px; } .chooseus-style-two .single-item{ position: relative; display: block; margin-bottom: 53px; padding-top: 64px; } .chooseus-style-two .single-item:last-child{ margin-bottom: 0px; } .chooseus-style-two .content-column:first-child .single-item:first-child{ padding-right: 100px; } .chooseus-style-two .content-column:first-child .single-item:last-child{ padding-left: 100px; padding-top: 0px; } .chooseus-style-two .content-column:first-child .single-item:last-child .count-text{ left: 0px; top: 0px; } .chooseus-style-two .content-column:last-child .single-item:first-child{ padding-left: 100px; } .chooseus-style-two .content-column:last-child .single-item:last-child{ padding-right: 100px; padding-top: 0px; } .chooseus-style-two .content-column:last-child .single-item:last-child .count-text{ right: 0px; top: 0px; } .chooseus-style-two .content-column:last-child .single-item:first-child .count-text{ right: 20px; } .chooseus-style-two .single-item .count-text{ position: absolute; top: 0px; width: 124px; height: 124px; line-height: 124px; text-align: center; background: #2d2d2d; border-radius: 50%; font-size: 36px; color: #f1caad; } .chooseus-style-two .content-column:first-child .single-item .count-text{ left: 45px; } .chooseus-style-two .content-column:last-child .single-item .count-text{ right: 45px; } .chooseus-style-two .single-item .icon-box{ position: relative; display: block; font-size: 60px; line-height: 60px; margin-bottom: 15px; } .chooseus-style-two .single-item h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 13px; } .chooseus-style-two .single-item p{ color: #c8c3c0; } .chooseus-style-two .image-box{ position: relative; display: flex; height: 100%; align-items: center; justify-content: center; margin: 0px -15px; } .chooseus-style-two .image-box .image{ position: relative; display: block; } .chooseus-style-two .image-box .image:before{ position: absolute; content: ''; width: calc(100% + 100px); height: calc(100% + 100px); left: -55px; top: -50px; border-radius: 50%; } .chooseus-style-two .image-box .image:after{ position: absolute; content: ''; width: calc(100% + 100px); height: calc(100% + 100px); right: -55px; top: -50px; border-radius: 50%; } .chooseus-style-two .image-box .image img{ width: 100%; } .team-section.alternat-2 .nav-style-one .owl-nav button.owl-prev:after, .team-section.alternat-2 .nav-style-one .owl-nav button.owl-next:after, .team-section.alternat-2 .nav-style-one .owl-nav button{ border: 1px solid #d6d6d6; } .team-section.alternat-2 .nav-style-one .owl-nav button{ color: #aeadac; } .team-section.alternat-2 .team-block-one .inner-box .content-box{ background: #fff; } .team-section.alternat-2 .team-block-one .inner-box .content-box h3 a{ color: #1f1f1f; } .team-section.alternat-2 .team-block-one .inner-box .content-box h3 a:hover{ } .team-section.alternat-2 .team-block-one .inner-box .content-box .designation{ } .team-section.alternat-2 .team-block-one .inner-box .content-box .video-btn a{ color: #1f1f1f; } /*** ==================================================================== Team-Page ==================================================================== ***/ /** team-details **/ .team-details{ position: relative; padding: 120px 0px 120px 0px; } .team-details .image-box{ position: relative; display: block; padding-right: 40px; margin-left: -150px; padding-left: 350px; padding-bottom: 66px; } .team-details .image-box img{ width: 100%; } .team-details .image-box .image-2{ position: absolute; left: 0px; bottom: 66px; } .team-details .image-box .image-shape{ position: absolute; right: 0px; bottom: 0px; width: 271px; height: 231px; background-repeat: no-repeat; z-index: -1; } .team-details .content-box{ position: relative; display: block; margin-top: -14px; } .team-details .content-box h2{ position: relative; display: block; font-size: 48px; line-height: 54px; font-weight: 700; margin-bottom: 14px; } .team-details .content-box h2 span{ font-size: 36px; display: block; } .team-details .content-box .designation{ position: relative; display: block; font-size: 26px; line-height: 34px; margin-bottom: 31px; text-transform: uppercase; letter-spacing: 1px; } .team-details .content-box .text{ position: relative; display: block; margin-bottom: 38px; } .team-details .content-box .text p{ margin-bottom: 26px; } .team-details .content-box .text h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 15px; } .team-details .content-box .text .list-item li{ position: relative; display: block; padding-left: 30px; margin-bottom: 13px; } .team-details .content-box .text .list-item li:last-child{ margin-bottom: 0px; } .team-details .content-box .text .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icon-1.png); width: 14px; height: 16px; left: 0px; top: 6px; background-repeat: no-repeat; } .team-details .content-box .contact-inner h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #75706d; margin-bottom: 1px; } .team-details .content-box .contact-inner h3{ display: block; font-size: 28px; line-height: 38px; font-weight: 600; margin-bottom: 21px; } .team-details .content-box .contact-inner h3 a{ display: inline-block; color: #1f1f1f; } .team-details .content-box .contact-inner h3 a:hover{ } .team-details .content-box .social-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .team-details .content-box .social-links li:last-child{ margin: 0px !important; } .team-details .content-box .social-links li a{ position: relative; display: inline-block; width: 50px; height: 50px; line-height: 52px; text-align: center; border: 1px solid #d6d6d5; border-radius: 50%; font-size: 16px; color: #87827f; } .team-details .content-box .social-links li a:hover{ color: #fff; } .team-section.team-page-1{ background: #1f1f1f; padding-bottom: 90px; } .team-section.team-page-1 .team-block-one .inner-box{ margin-bottom: 30px; } .team-section.alternat-2 .team-block-one .inner-box{ margin-bottom: 30px; } .team-section.alternat-2{ padding-bottom: 90px; } /** error-section **/ .error-section{ position: relative; padding: 170px 0px 180px 0px; } .error-section .content-box{ position: relative; display: block; } .error-section .content-box h1{ position: relative; display: block; font-size: 245px; line-height: 200px; font-weight: 700; color: #f2f1ed; text-shadow: -1px -1px 0 #d5d5d5, 1px -1px 0 #d5d5d5, -1px 1px 0 #d5d5d5 } .error-section .content-box h1.hidden-text{ position: absolute; left: 50%; transform: translateX(-50%); top: 5px; margin-left: 5px; color: #e9e8e4; z-index: -1; } .error-section .content-box .special-text{ position: absolute; left: 50%; transform: translateX(-50%); top: 90px; font-size: 40px; line-height: 50px; font-weight: 600; font-style: italic; } .error-section .content-box h2{ display: block; font-size: 48px; line-height: 58px; font-weight: 700; margin-bottom: 11px; margin-top: -52px; } .error-section .content-box p{ margin-bottom: 22px; } .error-section .search-form{ position: relative; max-width: 370px; width: 100%; margin: 0 auto; margin-bottom: 30px; } .error-section .search-form .form-group{ position: relative; margin: 0px; } .error-section .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 50px; font-size: 18px; color: #75706d; border-bottom: 1px solid #d5d5d5; transition: all 500ms ease; } .error-section .search-form .form-group input:focus{ } .error-section .search-form .form-group button{ position: absolute; top: 9px; right: 0px; font-size: 20px; color: #1f1f1f; cursor: pointer; transition: all 500ms ease; } .error-section .search-form .form-group input:focus + button, .error-section .search-form .form-group button:hover{ } .error-section .image-layer .image-1{ position: absolute; left: 70px; top: 120px; } .error-section .image-layer .image-2{ position: absolute; right: 70px; bottom: 120px; } .error-section .pattern-layer .pattern-1{ position: absolute; left: 296px; bottom: 185px; width: 160px; height: 161px; background-repeat: no-repeat; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; } .error-section .pattern-layer .pattern-2{ position: absolute; top: 125px; right: 375px; width: 170px; height: 14px; background-repeat: no-repeat; } /** comingsoon-section **/ .comingsoon-section{ position: fixed; display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; padding: 80px; overflow-x: hidden; } .comingsoon-section .cs-countdown{ position: relative; display: block; margin-bottom: 42px; } .comingsoon-section .cs-countdown .count-col{ position: relative; display: inline-block; text-align: center; margin: 0px 40px; } .comingsoon-section .cs-countdown .count-col span{ position: relative; display: block; font-size: 80px; line-height: 90px; font-weight: 400; font-family: 'Just Another Hand', cursive; text-align: center; margin-bottom: 0px; } .comingsoon-section .cs-countdown .count-col h6{ position: relative; font-size: 16px; line-height: 20px; color: #c8c3c0; font-weight: 600; text-transform: uppercase; } .comingsoon-section .outer-container{ position: relative; width: 100%; background: #1f1f1f; padding: 80px; } .comingsoon-section .outer-container .bg-shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center; } .comingsoon-section .content-box{ position: relative; display: block; padding: 40px 0px 40px 0px; } .comingsoon-section .content-box .logo{ position: relative; display: block; margin-bottom: 45px; } .comingsoon-section .content-box h2{ display: block; font-size: 80px; line-height: 86px; color: #fff; font-weight: 700; margin-bottom: 19px; } .comingsoon-section .content-box p{ display: block; color: #c8c3c0; line-height: 26px; margin-bottom: 44px; } .comingsoon-section .inner-box{ position: relative; display: block; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 565px 40px 40px 40px; } .comingsoon-section .inner-box .form-group{ position: relative; display: block; margin-bottom: 0px; } .comingsoon-section .inner-box .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 58px; background: #fff; border: 1px solid #fff; font-size: 18px; color: #75706d; padding: 10px 150px 10px 55px; transition: all 500ms ease; } .comingsoon-section .inner-box .form-group input:focus{ } .comingsoon-section .inner-box .form-group .icon{ position: absolute; left: 30px; top: 15px; font-size: 16px; color: #75706d; z-index: 1; } .comingsoon-section .inner-box .form-group button{ position: absolute; top: 18px; right: 29px; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1f1f1f; cursor: pointer; transition: all 500ms ease; } .comingsoon-section .inner-box .form-group input:focus + button, .comingsoon-section .inner-box .form-group button:hover{ } .comingsoon-section .inner-box .form-group button:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 28px; left: -30px; top: -3px; } /*** ==================================================================== Menu-Page ==================================================================== ***/ /** menu-list **/ .menu-list{ position: relative; } .menu-list .menu-block-one .inner-box .price h5:before{ background: #e5e4e0; } .menu-list .menu-block-one .inner-box .price h5:after{ border-color: #e5e4e0; } .menu-list .right-content .menu-block-one .inner-box{ padding-right: 116px; padding-left: 150px; } .menu-list .left-content .menu-block-one .inner-box .price{ left: inherit; left: 20px; } .menu-list .left-content .menu-block-one .inner-box{ padding-left: 116px; } .menu-list .right-content .menu-block-one .inner-box .price{ left: inherit; right: 20px; } .menu-list .right-content .menu-block-one .inner-box .menu-image{ right: inherit; left: 0px; } .menu-list .inner-container{ position: relative; } .menu-list .lower-box{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; padding: 32px 60px 28px 75px; margin-top: 0px; } .menu-list .lower-box:before{ position: absolute; content: ''; background: #1f1f1f; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.8; } .menu-list .lower-box .inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .menu-list .lower-box .inner h2{ display: block; font-size: 30px; line-height: 40px; font-weight: 700; color: #fff; } .menu-list .lower-box .inner .theme-btn-two:hover{ background: #fff; } .menu-list .inner-container .shape .shape-1{ position: absolute; left: -57px; top: 0px; height: 100%; width: 18px; background-size: cover; background-repeat: no-repeat; } .menu-list .inner-container .shape .shape-2{ position: absolute; right: -57px; top: 0px; height: 100%; width: 18px; background-size: cover; background-repeat: no-repeat; } .menu-style-three.light{ background: #1f1f1f; } .menu-style-three.light .tabs-content .content-inner .inner-box{ background: #2d2d2d; } .menu-style-three.light .tabs-content .content-inner .inner-box:before{ position: absolute; content: ''; background-image: url(../images/shape-65.png); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; left: 0px; top: 0px; } .menu-style-three.light .tabs-content .sec-title h2{ color: #fff; } .menu-style-three.light .tabs-content p{ color: #c8c3c0; } .menu-style-three.light .tabs-content .theme-btn-one span{ color: #fff; } .menu-style-three.light .tabs-content .content-box .single-item h3 a{ color: #fff; } .menu-style-three.light .tabs-content .content-box .single-item h3 a:hover{ } .menu-style-two.carousel-2 .inner-box .discount-box h6, .menu-style-two.carousel-2 .inner-box .discount-box h3{ color: #fff; } .menu-style-two.carousel-2 .inner-box .btn-box .theme-btn-two { color: #fff !important; } .menu-style-two.carousel-2 .inner-box .btn-box .theme-btn-two:hover { color: #1f1f1f !important; } /** static-menu **/ .static-menu{ position: relative; width: 100%; height: 940px; overflow: hidden; } .static-menu .bg-layer{ position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .static-menu .bg-layer:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(3,5,5,0.6), rgba(3,5,5,0.0) 100%); left: 0px; bottom: 0px; } .static-menu .static-menu-content{ position: absolute; top: 0px; right: 0px; width: calc(50% + 80px); height: 100%; background: #1f1f1f; padding: 112px 80px 120px 80px; overflow-x: hidden; } .static-menu .content-box{ position: relative; padding-right: 295px; margin-bottom: 80px; } .static-menu .content-box:last-child{ margin-bottom: 0px; } .static-menu .content-box .big-text{ position: absolute; top: 380px; right: -363px; font-size: 150px; line-height: 120px; font-family: 'Urbanist', sans-serif; font-weight: 900; text-transform: uppercase; color: #2d2d2d; transform: rotate(90deg); } .static-menu .content-box:nth-child(2) .big-text{ right: -197px; } .static-menu .content-box:nth-child(3) .big-text, .static-menu .content-box:last-child .big-text{ right: -230px; } .static-menu .content-box:nth-child(4) .big-text{ right: -340px; } .static-menu .content-box .title-box{ position: relative; display: block; padding-bottom: 27px; margin-bottom: 54px; } .static-menu .content-box .title-box:before{ position: absolute; content: ''; width: 100%; height: 1px; left: 0px; bottom: 5px; } .static-menu .content-box .title-box h2{ display: block; font-size: 36px; line-height: 46px; color: #fff; font-weight: 700; margin-bottom: 7px; } .static-menu .content-box .title-box p{ color: #c8c3c0; } .static-menu .content-box .single-item{ position: relative; display: block; padding-bottom: 25px; margin-bottom: 27px; } .static-menu .content-box .single-item:before{ position: absolute; content: ''; border-bottom: 1px dashed #595959; width: calc(100% - 55px); height: 1px; left: 0px; bottom: 0px; } .static-menu .content-box .single-item h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .static-menu .content-box .single-item h3 a{ display: inline-block; color: #fff; } .static-menu .content-box .single-item h3 a:hover{ } .static-menu .content-box .single-item h5{ position: absolute; right: 0px; bottom: -13px; font-size: 18px; line-height: 26px; font-weight: 600; } .static-menu .content-box .single-item:last-child{ margin-bottom: 0px; } .static-menu .content-box .single-item p{ color: #c8c3c0; } /*** ==================================================================== Shop-Page ==================================================================== ***/ /** shop-page-section **/ .shop-page-section{ position: relative; padding: 120px 0px; } .shop-page-section .shop-block-one .inner-box .image-box .tags li{ color: #fff; } .shop-page-section .shop-block-one .inner-box .image-box .offer-box{ color: #fff; } .shop-page-section .shop-block-one .inner-box{ margin-bottom: 30px; } .shop-page-section .pagination-wrapper{ margin-top: 30px; } .shop-page-section .item-shorting{ position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } .shop-page-section .item-shorting .short-box{ position: relative; display: inline-block; border-bottom: 1px solid #d5d5d5; } .shop-page-section .item-shorting .short-box{ position: relative; display: flex; align-items: center; justify-content: center; } .shop-page-section .item-shorting .short-box .nice-select{ background: transparent; padding: 0px; padding-right: 34px; margin-left: 5px; text-transform: lowercase; height: 34px; line-height: 34px; } .shop-page-section .item-shorting .short-box .nice-select:after{ right: 8px; } .shop-page-section .item-shorting .short-box .nice-select .list{ left: inherit !important; right: 0px !important; width: calc(100% + 75px) !important; } /** shop-details **/ .shop-details{ position: relative; padding: 120px 0px; } .shop-details .image-box{ position: relative; display: block; margin-right: 30px; } .shop-details .image-box .image{ position: relative; display: block; } .shop-details .image-box .image img{ width: 100%; } .shop-details .image-box .view-btn{ position: absolute; top: 30px; right: 30px; z-index: 1; } .shop-details .image-box .view-btn a{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 56px; background: #f2f1ed; font-size: 20px; color: #1f1f1f; border-radius: 50%; text-align: center; } .shop-details-content{ position: relative; display: block; margin-top: -8px; } .shop-details-content h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 9px; } .shop-details-content .price{ display: block; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 26px; } .shop-details-content .price del{ font-size: 18px; font-weight: 500; color: #75706d; margin-left: 10px; } .shop-details-content p{ display: block; margin-bottom: 25px; } .shop-details-content .option-list{ position: relative; display: block; padding-bottom: 32px; margin-bottom: 33px; border-bottom: 1px solid #d5d5d5; } .shop-details-content .option-list li{ position: relative; display: block; font-size: 18px; color: #75706d; margin-bottom: 8px; } .shop-details-content .option-list li:last-child{ margin-bottom: 0px; } .shop-details-content .option-list li a{ display: inline-block; color: #75706d; } .shop-details-content .option-list li a:hover{ } .shop-details-content .option-list li span{ position: relative; display: inline-block; width: 130px; font-size: 18px; font-weight: 600; font-family: 'Urbanist', sans-serif; color: #1f1f1f; } .shop-details-content .option-list li span:before{ position: absolute; content: ':'; font-size: 18px; font-weight: 600; font-family: 'Urbanist', sans-serif; color: #1f1f1f; top: 0px; right: 30px; } .shop-details-content .othre-options{ margin-bottom: 34px; } .shop-details-content .othre-options h6{ display: block; font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 17px; } .shop-details-content .othre-options .inner{ position: relative; display: flex; align-items: center; } .shop-details-content .item-quantity{ position: relative; display: inline-block; max-width: 90px; width: 100%; margin-right: 20px; border: 1px solid #d5d5d5; border-radius: 40px; padding-left: 12px; } .shop-details-content .item-quantity .input-group { position: relative; display: table; } .shop-details-content .item-quantity input.quantity-spinner { line-height: 56px; height: 54px; width: 40px !important; padding: 0px !important; box-shadow: none !important; font-family: 'Urbanist', sans-serif; border: none; text-align: center; font-size: 22px; font-weight: 700; color: #1f1f1f; background-color: transparent; border-radius: 0px; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{ position: absolute; background: transparent; padding: 0px 0px; left: 47px; top: -32px; border-radius: 0px; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{ position: absolute; background: transparent; padding: 0px 0px; right: -59px; top: -48px; border-radius: 0px; } .bootstrap-touchspin .glyphicon-chevron-up:before { content: "\f106"; font-size: 16px; font-style: normal; color: #75706d; font-family: 'Font Awesome 5 Pro'; font-weight: 700; } .bootstrap-touchspin .glyphicon-chevron-down:before { content: "\f107"; font-size: 16px; font-style: normal; color: #75706d; font-weight: 700; font-family: 'Font Awesome 5 Pro'; } .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; } .bootstrap-touchspin .input-group-btn-vertical i{ top: 11px; left: 15px; font-size: inherit !important; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ margin-top: 0px; } .shop-details-content .othre-options .inner .like-box a{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 56px; background: #e5e4e0; font-size: 20px; color: #1f1f1f; border-radius: 50%; text-align: center; } .shop-details-content .othre-options .inner .like-box a:hover{ color: #fff; } .shop-details-content .othre-options .inner .cart-box{ margin-right: 20px; } .shop-details-content .share-option h6{ display: block; font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 17px; } .shop-details-content .share-option .share-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .shop-details-content .share-option .share-links li:last-child{ margin: 0px !important; } .shop-details-content .share-option .share-links li a{ position: relative; display: inline-block; width: 50px; height: 50px; line-height: 54px; font-size: 20px; border: 1px solid #d6d6d6; color: #87827f; border-radius: 50%; text-align: center; } .shop-details-content .share-option .share-links li a:hover{ color: #fff; } .shop-details .product-discription{ position: relative; display: block; margin-top: 112px; } .shop-details .product-discription .tab-btn-box{ position: relative; display: block; border-bottom: 2px dotted #adacab; padding-bottom: 12px; margin-bottom: 44px; } .shop-details .product-discription .tab-btn-box .tab-btns li{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-family: 'Urbanist', sans-serif; font-weight: 700; color: #1f1f1f; text-transform: uppercase; cursor: pointer; margin-right: 40px; transition: all 500ms ease; } .shop-details .product-discription .tab-btn-box .tab-btns li:last-child{ margin: 0px !important; } .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn, .shop-details .product-discription .tab-btn-box .tab-btns li:hover{ } .shop-details .product-discription .tabs-content .text p{ display: block; line-height: 26px; margin-bottom: 27px; } .shop-details .product-discription .tabs-content .text h3{ position: relative; display: inline-block; font-size: 22px; line-height: 34px; font-weight: 600; margin-bottom: 24px; } .shop-details .product-discription .tabs-content .text .list li{ position: relative; display: block; padding-left: 30px; margin-bottom: 13px; } .shop-details .product-discription .tabs-content .text .list li:last-child{ margin-bottom: 10px; } .shop-details .product-discription .tabs-content .text .list li:before{ position: absolute; content: ''; background-image: url(../images/icon-1.png); width: 14px; height: 16px; left: 0px; top: 6px; background-repeat: no-repeat; } .custom-controls-stacked{ position: relative; display: inline-block; padding-left: 30px; margin-left: 21px; } .custom-controls-stacked .description{ position: relative; display: inline-block; padding: 0px; margin-left: 2px; font-size: 18px; cursor: pointer; color: #707582; } .custom-control.material-checkbox { --color: #ebebeb; padding: 0px; margin: 0px; } .custom-control.material-checkbox .material-control-input { display: none; } .custom-control.material-checkbox .material-control-indicator { display: inline-block; position: absolute; top: 7px; left: -21px; width: 14px; height: 14px; border-radius: 0px; border: 1px solid #d5d5d5; background: #f5f5f5; cursor: pointer; } .custom-control.material-checkbox .material-control-indicator:before{ position: absolute; content: "\f134"; font-family: flaticon; font-size: 8px; width: 14px; height: 14px; line-height: 14px; left: -2px; top: 0px; text-align: center; transform: scale(0,0); transition: all 500ms ease; } .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator:before{ transform: scale(1,1); } .product-discription .tabs-content .comment-form .message-btn .custom-controls-stacked .custom-control .text{ font-size: 18px; display: block; cursor: pointer; } .shop-details .product-discription .reviews-box .single-review-box{ position: relative; display: block; padding-left: 100px; margin-bottom: 28px; } .shop-details .product-discription .reviews-box .single-review-box:last-child{ margin-bottom: 0px; } .shop-details .product-discription .reviews-box .single-review-box .image-box{ position: absolute; left: 0px; top: 5px; width: 70px; height: 70px; border-radius: 50%; } .shop-details .product-discription .reviews-box .single-review-box .image-box img{ width: 100%; border-radius: 50%; } .shop-details .product-discription .reviews-box .single-review-box h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 7px; } .shop-details .product-discription .reviews-box .single-review-box h3 span{ font-size: 14px; font-weight: 700; color: #75706d; } .shop-details .product-discription .reviews-box .single-review-box p{ display: block; margin-bottom: 9px; } .shop-details .product-discription .reviews-box .single-review-box .rating-box li{ position: relative; display: inline-block; font-size: 14px; color: #fbbe0a; margin-right: 2px; } .shop-details .product-discription .reviews-box .single-review-box .rating-box li:last-child{ margin: 0px !important; } .shop-details .product-discription .reviews-box{ margin-bottom: 44px; } .shop-details .product-discription .comment-form .title-box{ position: relative; display: block; margin-bottom: 42px; } .shop-details .product-discription .comment-form .title-box h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 7px; } .shop-details .product-discription .comment-form .default-form{ position: relative; display: block; border: 1px solid #d5d5d5; padding: 43px 50px 50px 50px; } .shop-details .product-discription .comment-form .default-form .form-group{ position: relative; margin-bottom: 23px; } .shop-details .product-discription .comment-form .default-form .form-group label{ position: relative; display: block; margin-bottom: 7px; } .shop-details .product-discription .comment-form .default-form .form-group input[type='text'], .shop-details .product-discription .comment-form .default-form .form-group input[type='email'], .shop-details .product-discription .comment-form .default-form .form-group textarea{ position: relative; display: block; width: 100%; height: 58px; background: #e5e4e0; border: 1px solid #e5e4e0; font-size: 18px; color: #75706d; font-family: 'Kumbh Sans', sans-serif; padding: 10px 30px; transition: all 500ms ease; } .shop-details .product-discription .comment-form .default-form .form-group textarea{ height: 120px; resize: none; } .shop-details .product-discription .comment-form .default-form .form-group input:focus, .shop-details .product-discription .comment-form .default-form .form-group textarea:focus{ } .shop-details .product-discription .comment-form .default-form .rating-box{ position: relative; display: flex; align-items: center; } .shop-details .product-discription .comment-form .default-form .rating-box p{ margin-right: 15px; } .shop-details .product-discription .comment-form .default-form .rating-box .rating li{ position: relative; display: inline-block; font-size: 14px; line-height: 28px; color: #adacab; margin-right: 2px; } .shop-details .product-discription .comment-form .default-form .rating-box .rating li:last-child{ margin: 0px !important; } .shop-details .product-discription .comment-form .default-form .rating-box{ margin-bottom: 34px; } .shop-details .product-discription .comment-form .default-form .message-btn{ position: relative; display: flex; align-items: center; } .shop-details .related-product{ position: relative; margin-top: 112px; } .shop-details .related-product h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 39px; } .shop-details .shop-block-one .inner-box .image-box .tags li{ color: #fff; } .shop-details .shop-block-one .inner-box .image-box .offer-box{ color: #fff; } /** cart-section **/ .cart-section{ position:relative; padding: 115px 0px 120px 0px; } .cart-outer{ position:relative; } .cart-outer .table-outer{ position:relative; width:100%; overflow-x: auto; overflow-y: hidden; margin-bottom:40px; } .cart-outer .cart-table{ width:100%; min-width:900px; border-bottom:1px solid #e9e9e9; } .cart-table .cart-header{ position:relative; width:100%; border:1px solid #e3e3e3; } .cart-table thead tr th{ line-height:28px; padding:21px 28px 19px 40px; font-weight:600; font-size:18px; font-family: 'Urbanist', sans-serif; color: #1f1f1f; border-right:1px solid #d5d5d5; background-color: #e5e4e0; } .cart-table thead tr th .fa{ font-size:18px; } .cart-table tbody tr td{ padding:30px 40px; } .cart-table tbody tr .qty .item-quantity{ border:1px solid #dddddd; } .cart-table tbody tr .qty .quantity-spinner{ background:#ffffff; } .cart-table tbody tr .prod-column .column-box{ position: relative; min-height: 70px; padding-top: 29px; padding-left: 140px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:absolute; left:0px; top:0px; width: 70px; height: 70px; background-color: #f4f5f4; } .cart-table tbody tr .prod-column .column-box .prod-thumb:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 141px; top: -30px; right: -35px; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h5{ position:relative; font-size:18px; font-weight:600; } .cart-table tbody tr .sub-total{ font-size: 18px; font-family: 'Urbanist', sans-serif; font-weight: 600; color: #1f1f1f; } .cart-table tbody tr .remove-btn{ position:relative; display: inline-block; font-size:18px; color:#b0afae; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #b7b6b4; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-table tbody tr .remove-btn:hover{ } .cart-table tbody tr td{ vertical-align:middle; border-left:1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .cart-table tbody tr .total-price{ font-size: 18px; font-family: 'Urbanist', sans-serif; font-weight: 600; } .cart-table tbody tr td:last-child{ border-right:1px solid #ebebeb; } .cart-section .cart-outer .totle-table{ position: relative; margin-bottom: 12px; } .cart-section .cart-outer .totle-table h6{ font-size: 16px; font-weight: 600; } .cart-table tbody tr td.qty input{ width: 90px; height: 50px; border: 1px solid #d5d5d5; text-align: center; padding: 10px 10px; font-size: 18px; font-family: 'Urbanist', sans-serif; font-weight: 600; color: #1c1c27; border-radius: 30px; } .cart-section .apply-coupon .form-group{ position: relative; float: left; margin-right: 20px; margin-bottom: 0px; } .cart-section .apply-coupon .form-group:last-child{ margin-right: 0px; } .cart-section .apply-coupon .form-group input[type="text"] { position: relative; display: block; border: 1px solid #d5d5d5; width: 250px; height: 56px; font-size: 18px; font-weight: 400; color: #75706d; padding: 10px 30px; background: transparent; border-radius: 30px; transition: all 500ms ease; } .cart-section .apply-coupon .form-group input:focus{ } .cart-section .apply-coupon .form-group button{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; font-family: 'Urbanist', sans-serif; color: #1f1f1f; background: #e5e4e0; padding: 14px 29px; cursor: pointer; border-radius: 30px; text-transform: uppercase; transition: all 500ms ease; } .cart-section .apply-coupon .form-group button:hover{ color: #fff; } .cart-section .btn-box button{ float: left; margin-right: 20px; } .cart-section .btn-box button:last-child{ margin-right: 0px; } .cart-section .btn-box .cart-btn{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; font-family: 'Urbanist', sans-serif; color: #1f1f1f; background: transparent; border: 1px solid #d5d5d5; border-radius: 30px; padding: 13px 35px; cursor: pointer; text-transform: uppercase; transition: all 500ms ease; } .cart-section .btn-box .cart-btn:hover{ } /** checkout **/ .checkout-page-section{ position: relative; padding: 120px 0px; } .checkout-page-section .information-inner{ position: relative; display: block; border: 1px solid #d5d5d5; padding: 54px 60px 36px 60px; } .checkout-page-section .custom-controls-stacked{ margin-left: 0px; } .checkout-page-section h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 22px; } .checkout-page-section .information-inner .field-input{ position: relative; display: block; margin-bottom: 20px; min-height: 60px; } .checkout-page-section .information-inner .field-input input[type='text'], .checkout-page-section .information-inner .field-input input[type='email']{ position: relative; display: block; width: 100%; height: 60px; background: #e5e4e0; border: 1px solid #e5e4e0; font-size: 18px; color: #75706d; padding: 10px 20px; transition: all 500ms ease; } .checkout-page-section .information-inner .field-input input:focus{ } .checkout-page-section .shipping-different-address h3{ padding-left: 33px; } .checkout-page-section .shipping-different-address h3 span{ position: absolute; left: 0px; top: 0px; font-size: 36px; font-weight: 300; } .checkout-page-section .information-inner .field-input .nice-select{ position: relative; border: 1px solid #e5e4e0 !important; color: #75706d; background: #e5e4e0; height: 60px; line-height: 60px; border-radius: 0px; padding: 0px 20px; } .checkout-page-section .information-inner .field-input .nice-select:after{ right: 20px; color: #707582; top: 26px; } .checkout-page-section .information-inner .custom-control.material-checkbox .material-control-indicator{ top: 7px; } .checkout-page-section .custom-controls-stacked{ padding-left: 31px; } .checkout-page-section .custom-control.material-checkbox .material-control-indicator{ left: -31px; } .checkout-page-section .information-inner .description{ position: relative; display: inline-block; cursor: pointer; font-size: 15px; color: #75706d; } .checkout-page-section .custom-control.material-checkbox .material-control-indicator{ width: 18px; height: 18px; line-height: 18px; } .checkout-page-section .custom-control.material-checkbox .material-control-indicator:before{ width: 18px; height: 18px; line-height: 18px; } .checkout-page-section .information-inner .custom-controls-stacked{ position: relative; } .checkout-page-section .information-inner .contact-information{ position: relative; padding-bottom: 22px; } .checkout-page-section .order-information{ position: relative; margin-bottom: 94px; } .checkout-page-section .accordion .payment-info .field-input{ position: relative; margin-bottom: 20px; } .checkout-page-section .accordion .payment-info .field-input input[type='text']{ position: relative; display: block; width: 100%; height: 60px; border: 1px solid #ffffff; background: #ffffff; font-size: 18px; color: #75706d; padding: 10px 20px; transition: all 500ms ease; } .checkout-page-section .accordion .payment-info .field-input input:focus{ } .checkout-page-section .accordion .payment-info .field-input .theme-btn{ display: block; width: 100%; padding: 17px 30px; } .checkout-page-section .accordion-box .block .acc-content{ padding: 0px 30px 30px 30px; } .checkout-page-section .accordion-box .block .acc-content .payment-info{ position: relative; display: block; background-color: #e3e2de; padding: 30px 30px 10px 30px; } .checkout-page-section .accordion .payment-info .theme-btn-two{ width: 100%; padding-top: 21px; padding-bottom: 19px; } .checkout-page-section .accordion-box .block{ border: 1px solid #d5d5d5; margin-bottom: 20px; } .checkout-page-section .accordion-box .block:last-child{ margin-bottom: 0px; } .checkout-page-section .payment-method h3{ margin-bottom: 32px; } .checkout-page-section .accordion-box .block .acc-btn{ padding: 21px 30px 20px 30px; } .checkout-page-section .accordion-box .block .acc-btn .icon-outer{ position: absolute; top: 0px; right: 30px; height: 69px; line-height: 69px; width: auto; } .checkout-page-section h6{ display: block; font-size: 18px; line-height: 28px; font-weight: 600; } .accordion-box .block{ position: relative; display: block; overflow: hidden; margin-bottom: 33px; transition: all 500ms ease; } .accordion-box .block:last-child{ margin-bottom: 0px; } .accordion-box .block .acc-btn .icon-outer{ position: absolute; top: 0px; right: 0px; width: 56px; height: 56px; line-height: 56px; text-align: center; font-size: 14px; font-weight: 400; color: #707582; z-index: 1; transition: all 500ms ease; } .accordion-box .block .acc-btn{ position: relative; display: block; cursor: pointer; transition: all 500ms ease; } .accordion-box .block .acc-content{ position:relative; display:none; padding-top: 33px; } .accordion-box .block .acc-content.current { display: block; } .checkout-page-section .order-summary{ position: relative; display: block; border: 1px solid #d5d5d5; padding: 32px 30px 40px 30px; } .checkout-page-section .order-summary h4{ position: relative; display: inline-block; font-size: 22px; line-height: 34px; font-weight: 600; border-bottom: solid; border-width: 2px; margin-bottom: 10px; } .checkout-page-section .order-summary .single-item{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 14px 0px 13px 0px; border-bottom: 1px solid #d5d5d5; } .checkout-page-section .order-summary .single-item .product-name{ position: relative; display: block; color: #1f1f1f; } .checkout-page-section .order-summary .total-box{ position: relative; display: block; padding: 24px 0px 23px 0px; border-bottom: 1px solid #d5d5d5; margin-bottom: 24px; } .checkout-page-section .order-summary .total-box li{ position: relative; display: flex; align-items: center; justify-content: space-between; color: #1f1f1f; font-weight: 600; margin-bottom: 8px; } .checkout-page-section .order-summary .total-box li:last-child{ margin-bottom: 0px; } .checkout-page-section .order-summary .total-amount{ margin-bottom: 23px; } .checkout-page-section .order-summary .total-amount h5{ font-size: 18px; line-height: 28px; font-weight: 600; } .checkout-page-section .order-summary .total-amount h5 span{ float: right; } /** myaccount-section **/ .myaccount-section{ position: relative; } .myaccount-section h2{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 20px; } .myaccount-section .login-content .form-inner{ position: relative; display: block; background: #e5e4e0; padding: 40px 40px 40px 40px; } .myaccount-section .form-inner label{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #75706d; margin-bottom: 8px; } .myaccount-section .form-inner .form-group{ position: relative; margin-bottom: 20px; } .myaccount-section .form-inner input[type='text'], .myaccount-section .form-inner input[type='email'], .myaccount-section .form-inner input[type='password']{ position: relative; display: block; width: 100%; height: 56px; background: #e5e4e0; font-size: 18px; color: #75706d; padding: 10px 25px; transition: all 500ms ease; } .myaccount-section .login-content .form-inner input[type='text'], .myaccount-section .login-content .form-inner input[type='email'], .myaccount-section .login-content .form-inner input[type='password']{ border: 1px solid #cdcdcd; } .myaccount-section .form-inner input:focus{ } .myaccount-section .form-inner .theme-btn-two{ width: 100%; } .myaccount-section .custom-controls-stacked{ margin-left: 0px; padding-left: 20px; } .myaccount-section .custom-control.material-checkbox .material-control-indicator{ width: 16px; height: 16px; top: 5px; } .myaccount-section .custom-control.material-checkbox .material-control-indicator:before{ width: 16px; height: 16px; line-height: 16px; left: -1px; } .myaccount-section .custom-control.material-checkbox{ margin: 0px; } .myaccount-section .login-content .form-inner .form-group:last-child{ margin-bottom: 0px; } .myaccount-section .login-content .form-inner .forgot-password button{ position: relative; display: inline-block; font-size: 16px; line-height: 20px; font-family: 'Urbanist', sans-serif; font-weight: 500; transition: all 500ms ease; } .myaccount-section .login-content .form-inner .forgot-password button:hover{ } .myaccount-section .register-content .form-inner{ position: relative; display: block; border: 1px solid #d5d5d5; padding: 40px 40px 30px 40px; } .myaccount-section .register-content .form-inner .message-btn, .myaccount-section .register-content .custom-controls-stacked{ padding-top: 10px; } .myaccount-section .register-content .form-inner input{ border: 1px solid #e5e4e0 !important; } .myaccount-section .register-content .form-inner input:focus{ } /*** ==================================================================== Blog-Page ==================================================================== ***/ .news-section.blog-page-one{ padding: 120px 0px; } .news-section.blog-page-one .news-block-one .inner-box{ margin-bottom: 50px; } .news-style-two.blog-page-two .news-block-two .inner-box{ background: #fff; padding: 15px; margin-left: 0px; margin-bottom: 40px; } .news-style-two.blog-page-two .news-block-two .inner-box .image-box .tags a{ color: #fff; } .news-style-two.blog-page-two .news-block-two .inner-box .lower-content{ padding: 0px 15px 15px 15px; } .news-style-two.blog-page-two .news-block-two .inner-box .lower-content .upper-box{ padding-right: 0px; } .news-style-two.blog-page-two .news-block-two .inner-box .lower-content .upper-box h3 a:hover{ } .news-style-two.blog-page-two .news-block-two .inner-box .lower-content .post-info li{ } .news-style-two.blog-page-two .news-block-two .inner-box .lower-content .post-info li a:hover{ } .news-style-two.blog-page-two .news-block-two .inner-box .lower-content .text a:hover{ } .news-style-two.blog-page-two .pagination-wrapper{ margin-top: 20px; } .news-style-two.blog-page-three .news-block-two .inner-box .image-box .tags a{ color: #fff; } .news-style-two.blog-page-three .news-block-two .inner-box .lower-content .upper-box h3 a:hover{ } .news-style-two.blog-page-three .news-block-two .inner-box .lower-content .post-info li{ } .news-style-two.blog-page-three .news-block-two .inner-box .lower-content .post-info li a:hover{ } .news-style-two.blog-page-three .news-block-two .inner-box .lower-content .text a:hover{ } .news-style-two.blog-page-three{ padding: 120px 0px 63px 0px; } .news-style-two.blog-page-three .news-block-two .inner-box{ margin-bottom: 52px; } /** sidebar-page-container **/ .sidebar-page-container{ position: relative; } .sidebar-page-container .content-side{ position: relative; padding-top: 115px; padding-bottom: 120px; } .sidebar-page-container .content-side:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 100%; top: 0px; right: -25px; } .sidebar-page-container .content-side:after{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 100%; top: 0px; right: -30px; } .news-block-one .inner-box .lower-content h2{ display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 0px; } .news-block-one .inner-box .lower-content h2 a{ display: inline-block; color: #1f1f1f; } .news-block-one .inner-box .lower-content h2 a:hover{ } .sidebar-page-container .news-block-one .inner-box .lower-content{ padding-bottom: 30px; } .sidebar-page-container .news-block-one .inner-box .image-box .category a{ } .news-block-one .inner-box .text{ padding-top: 28px; } .news-block-one .inner-box .text p{ margin-bottom: 27px; } .sidebar-page-container .news-block-one .inner-box{ margin-bottom: 64px; } .blog-sidebar{ position: relative; display: block; padding: 115px 0px 120px 0px; margin-left: 56px; } .blog-sidebar .search-widget{ position: relative; display: block; margin-bottom: 53px; } .blog-sidebar .search-widget .search-form .form-group{ position: relative; margin: 0px; } .blog-sidebar .search-widget .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 57px; font-size: 18px; color: #75706d; border-bottom: 1px solid #d5d5d5; transition: all 500ms ease; } .blog-sidebar .search-widget .search-form .form-group input:focus{ } .blog-sidebar .search-widget .search-form .form-group button{ position: absolute; top: 18px; right: 0px; font-size: 20px; color: #1f1f1f; cursor: pointer; transition: all 500ms ease; } .blog-sidebar .search-widget .search-form .form-group input:focus + button, .blog-sidebar .search-widget .search-form .form-group button:hover{ } .blog-sidebar .widget-title{ position: relative; display: block; margin-bottom: 22px; } .blog-sidebar .widget-title h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 600; padding-left: 26px; margin-bottom: 0px; } .blog-sidebar .widget-title h3:before{ position: absolute; content: ''; background-image: url(../images/icon-3.png); width: 16px; height: 16px; left: 0px; top: 6px; background-repeat: no-repeat; } .blog-sidebar .sidebar-widget .widget-content{ position: relative; display: block; border: 1px solid #d5d5d5; padding: 30px 30px; } .blog-sidebar .category-widget .category-list li{ position: relative; display: block; border-bottom: 2px dotted #b2b1af; } .blog-sidebar .category-widget .category-list li:last-child{ border-bottom: none; } .blog-sidebar .category-widget .category-list li a{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #1f1f1f; padding: 13px 0px 12px 0px; } .blog-sidebar .category-widget .category-list li a span{ float: right; } .blog-sidebar .category-widget .category-list li a:hover{ padding-left: 20px; } .blog-sidebar .category-widget .category-list li a:before{ position: absolute; content: ''; width: 8px; height: 8px; left: 0px; top: 22px; transform: rotate(45deg); opacity: 0; transition: all 500ms ease; } .blog-sidebar .category-widget .category-list li a:hover:before{ opacity: 1; } .blog-sidebar .category-widget .widget-content{ padding: 19px 30px; } .blog-sidebar .category-widget{ margin-bottom: 54px; } .blog-sidebar .post-widget .post{ position: relative; display: block; padding: 0px 0px 26px 90px; border-bottom: 2px dashed #b2b1af; margin-bottom: 25px; min-height: 107px; } .blog-sidebar .post-widget .post:last-child{ border-bottom: none; margin-bottom: 0px; } .blog-sidebar .post-widget .post .post-thumb{ position: absolute; left: 0px; top: 5px; width: 70px; height: 70px; } .blog-sidebar .post-widget .post .post-thumb img{ width: 100%; transition: all 500ms ease; } .blog-sidebar .post-widget .post:hover .post-thumb img{ opacity: 0.5; } .blog-sidebar .post-widget .post .post-date{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; margin-bottom: 7px; } .blog-sidebar .post-widget .post h6{ position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: 600; } .blog-sidebar .post-widget .post h6 a{ position: relative; display: inline-block; color: #1f1f1f; } .blog-sidebar .post-widget .post h6 a:hover{ } .blog-sidebar .post-widget .widget-content{ padding: 34px 30px 8px 30px; } .blog-sidebar .post-widget{ margin-bottom: 55px; } .blog-sidebar .archives-widget .select-box{ position: relative; min-height: 52px; } .blog-sidebar .archives-widget .select-box .nice-select{ background: transparent; padding-left: 50px; } .blog-sidebar .archives-widget .widget-content{ padding: 0px; } .blog-sidebar .archives-widget .select-box .icon{ position: absolute; left: 29px; top: 12px; font-size: 14px; } .blog-sidebar .archives-widget{ margin-bottom: 54px; } .blog-sidebar .tags-widget .tags-list{ position: relative; margin: 0px -5px; } .blog-sidebar .tags-widget .tags-list li{ position: relative; display: inline-block; float: left; margin: 0px 5px 10px 5px; } .blog-sidebar .tags-widget .tags-list li a{ position: relative; display: inline-block; font-size: 18px; line-height: 30px; padding: 0px 6px; text-align: center; background: #e5e4e0; border: 1px solid #e5e4e0; color: #75706d; } .blog-sidebar .tags-widget .tags-list li a:hover{ background: transparent; } .blog-sidebar .tags-widget .widget-content{ padding-top: 40px; padding-bottom: 30px; } .blog-sidebar .tags-widget{ margin-bottom: 60px; } .blog-sidebar .advice-widget{ position: relative; display: block; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 20px; } .blog-sidebar .advice-widget .text{ position: relative; display: block; background: #1f1f1f; padding: 40px 20px 32px 20px; } .blog-sidebar .advice-widget .text .icon-box{ position: relative; display: block; font-size: 80px; line-height: 80px; margin-bottom: 8px; } .blog-sidebar .advice-widget .text h3{ position: relative; display: block; font-size: 26px; line-height: 34px; color: #fff; font-weight: 600; margin-bottom: 7px; } .blog-sidebar .advice-widget .text p{ position: relative; display: block; color: #c8c3c0; } .blog-sidebar .advice-widget .text .shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .blog-sidebar .advice-widget .link-box{ position: relative; display: block; border: 20px solid #1f1f1f; border-top: none; padding: 32px 15px; } .blog-sidebar .advice-widget .link-box a{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 62px; background: #fff; text-align: center; border-radius: 50%; font-size: 20px; } .blog-sidebar .advice-widget .link-box a:hover{ color: #fff; } /** blog-details **/ .blog-details .news-block-one .inner-box .text p{ margin: 0px; } .blog-details .news-block-one .inner-box .text p:last-child{ margin-top: 24px; } .blog-details .news-block-one .inner-box .text p:first-child{ padding-left: 80px; } .blog-details .news-block-one .inner-box .text p span{ position: absolute; left: 0px; top: 8px; display: inline-block; font-size: 40px; width: 60px; height: 60px; line-height: 60px; font-family: 'Urbanist', sans-serif; color: #fff; font-weight: 700; text-align: center; border-radius: 50%; } .blog-details .news-block-one .inner-box .text{ padding-top: 43px; } .blog-details-content .content-one{ margin-bottom: 45px; } .blog-details-content .group-title{ position: relative; display: block; margin-bottom: 21px; } .blog-details-content .group-title h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; } .blog-details-content .content-one .text p{ margin-bottom: 24px; } .blog-details-content .content-one .text p:last-child{ margin-bottom: 0px; } .blog-details-content .content-one .text{ margin-bottom: 42px; } .blog-details-content .content-one blockquote{ position: relative; display: block; padding: 19px; margin: 0px; text-align: center; overflow: hidden; } .blog-details-content .content-one blockquote .text{ position: relative; display: block; background: #fff; padding: 48px 30px; margin: 0px; } .blog-details-content .content-one blockquote .quote-one{ position: absolute; left: 17px; top: 12px; font-size: 60px; line-height: 50px; color: #f2f1ed; transform: rotateY(180deg); } .blog-details-content .content-one blockquote .quote-two{ position: absolute; right: 17px; bottom: 9px; font-size: 60px; line-height: 50px; color: #f2f1ed; } .blog-details-content .content-one blockquote p{ display: block; font-size: 22px; line-height: 32px; font-weight: 500; margin-bottom: 6px; } .blog-details-content .content-one blockquote h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 4px; } .blog-details-content .content-one blockquote .designation{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; } .blog-details-content .content-one .image{ position: relative; display: block; } .blog-details-content .content-one .image img{ width: 100%; } .blog-details-content .content-one blockquote .bar .bar-1{ position: absolute; left: 30px; top: -15px; width: 1px; height: 90px; z-index: 1; transform: rotate(45deg); } .blog-details-content .content-one blockquote .bar .bar-2{ position: absolute; left: 35px; top: -20px; width: 1px; height: 110px; z-index: 1; transform: rotate(45deg); } .blog-details-content .content-one blockquote .bar .bar-3{ position: absolute; right: 30px; bottom: -15px; width: 1px; height: 90px; z-index: 1; transform: rotate(45deg); } .blog-details-content .content-one blockquote .bar .bar-4{ position: absolute; right: 35px; bottom: -20px; width: 1px; height: 110px; z-index: 1; transform: rotate(45deg); } .blog-details-content .news-block-one .inner-box{ margin-bottom: 34px; } .blog-details-content .content-two{ margin-bottom: 34px; } .blog-details-content .content-two .single-item{ position: relative; display: block; margin-bottom: 25px; } .blog-details-content .content-two .single-item h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; padding-left: 35px; margin-bottom: 10px; } .blog-details-content .content-two .single-item h3:before{ position: absolute; content: ''; background-image: url(../images/icon-3.png); width: 16px; height: 16px; left: 0px; top: 6px; background-repeat: no-repeat; } .blog-details-content .content-two .list-item li{ position: relative; display: block; padding-left: 26px; margin-bottom: 8px; } .blog-details-content .content-two .list-item li:last-child{ margin-bottom: 0px; } .blog-details-content .content-two .list-item li:before{ position: absolute; content: ''; width: 8px; height: 8px; left: 0px; top: 10px; transform: rotate(45deg); } .blog-details-content .content-three{ margin-bottom: 36px; } .blog-details-content .post-share-option{ position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 50px; border-bottom: 1px solid #d5d5d5; margin-bottom: 45px; } .blog-details-content .post-share-option h5{ position: relative; display: inline-block; font-size: 18px; line-height: 28px; font-weight: 600; padding-left: 20px; margin-bottom: 14px; } .blog-details-content .post-share-option h5 i{ position: absolute; left: 0px; top: 3px; } .blog-details-content .post-share-option .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .blog-details-content .post-share-option .tags-list li:last-child{ margin: 0px !important; } .blog-details-content .post-share-option .tags-list li a{ position: relative; display: inline-block; font-size: 18px; line-height: 30px; padding: 0px 7px; text-align: center; background: #e5e4e0; border: 1px solid #e5e4e0; color: #75706d; } .blog-details-content .post-share-option .tags-list li a:hover{ background: transparent; } .blog-details-content .post-share-option .social-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .blog-details-content .post-share-option .social-list li:last-child{ margin: 0px !important; } .blog-details-content .post-share-option .social-list li a{ position: relative; display: inline-block; width: 32px; height: 32px; line-height: 36px; font-size: 14px; color: #eaf4f9; text-align: center; border-radius: 50%; background: #0077b5; } .blog-details-content .post-share-option .social-list li:nth-child(2) a{ background: #bd081c; } .blog-details-content .post-share-option .social-list li:nth-child(3) a{ background: #55acee; } .blog-details-content .post-share-option .social-list li:last-child a{ background: #3b5998; } .blog-details-content .post-btn{ position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 90px; } .blog-details-content .post-btn .single-post-btn{ position: relative; display: block; } .blog-details-content .post-btn .single-post-btn.prev-btn{ padding-left: 90px; } .blog-details-content .post-btn .single-post-btn.next-btn{ padding-right: 90px; } .blog-details-content .post-btn .single-post-btn .btn-image{ position: absolute; top: 5px; width: 70px; height: 70px; transition: all 500ms ease; } .blog-details-content .post-btn .single-post-btn:hover .btn-image{ opacity: 0; } .blog-details-content .post-btn .single-post-btn.prev-btn .btn-image{ left: 0px; } .blog-details-content .post-btn .single-post-btn.next-btn .btn-image{ right: 0px; } .blog-details-content .post-btn .single-post-btn .btn-image img{ width: 100%; } .blog-details-content .post-btn .single-post-btn .link-btn{ position: absolute; top: 5px; } .blog-details-content .post-btn .single-post-btn.prev-btn .link-btn{ left: 0px; } .blog-details-content .post-btn .single-post-btn.next-btn .link-btn{ right: 0px; } .blog-details-content .post-btn .single-post-btn .link-btn a{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 74px; font-size: 30px; text-align: center; opacity: 0; } .blog-details-content .post-btn .single-post-btn:hover .link-btn a{ opacity: 1; } .blog-details-content .post-btn .single-post-btn h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 7px; } .blog-details-content .post-btn .single-post-btn h6 a{ display: inline-block; color: #75706d; } .blog-details-content .post-btn .single-post-btn h6 a:hover{ } .blog-details-content .post-btn .single-post-btn h5{ position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: 600; } .blog-details-content .post-btn .icon-box{ position: relative; display: inline-block; font-size: 34px; line-height: 30px; color: #adacab; } .blog-details-content .author-box{ position: relative; display: block; background: #1f1f1f; padding: 34px 30px 40px 240px; overflow: hidden; margin-bottom: 71px; } .blog-details-content .author-box .image-box{ position: absolute; left: 60px; top: 40px; width: 140px; height: 140px; border-radius: 50%; } .blog-details-content .author-box .image-box img{ width: 100%; border-radius: 50%; } .blog-details-content .author-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; } .blog-details-content .author-box h3{ display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 15px; } .blog-details-content .author-box p{ color: #c8c3c0; margin-bottom: 22px; } .blog-details-content .author-box .social-links li{ position: relative; display: inline-block; float: left; margin-right: 15px; } .blog-details-content .author-box .social-links li:last-child{ margin: 0px !important; } .blog-details-content .author-box .social-links li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; border: 1px solid rgba(255, 255, 255, 0.10); color: #ada9a6; font-size: 15px; text-align: center; border-radius: 50%; } .blog-details-content .author-box .social-links li a:hover{ color: #fff; } .blog-details-content .author-box .shape{ position: absolute; left: 6px; top: 0px; width: 18px; height: 100%; background-size: cover; background-repeat: no-repeat; } .blog-details-content .comment-box .comment{ position: relative; display: block; padding-left: 100px; margin-bottom: 24px; } .blog-details-content .comment-box .comment:last-child{ margin-bottom: 0px; } .blog-details-content .comment-box .comment .thumb-box{ position: absolute; left: 0px; top: 5px; width: 70px; height: 70px; border-radius: 50%; } .blog-details-content .comment-box .comment .thumb-box img{ width: 100%; border-radius: 50%; } .blog-details-content .comment-box .comment .comment-info h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 7px; } .blog-details-content .comment-box .comment .comment-info h3 span{ display: inline-block; font-size: 14px; font-weight: 700; color: #75706d; text-transform: uppercase; } .blog-details-content .comment-box .comment .comment-info p{ display: block; margin-bottom: 14px; } .blog-details-content .comment-box .comment .comment-info .reply-btn{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; padding-left: 30px; } .blog-details-content .comment-box .comment .comment-info .reply-btn:hover{ color: #1f1f1f; } .blog-details-content .comment-box .comment .comment-info .reply-btn i{ position: absolute; left: 0px; top: 3px; font-size: 20px; } .blog-details-content .comment-box .group-title{ margin-bottom: 25px; } .blog-details-content .comment-box{ margin-bottom: 46px; } .group-title p{ margin-top: 7px; } .blog-details-content .comment-form-box .form-inner{ position: relative; display: block; background: #e5e4e0; padding: 44px 50px 50px 50px; } .blog-details-content .comment-form-box .form-inner .form-group{ position: relative; display: block; margin-bottom: 23px; } .blog-details-content .comment-form-box .form-inner .form-group:last-child{ margin-bottom: 0px; } .blog-details-content .comment-form-box .form-inner .form-group input[type='text'], .blog-details-content .comment-form-box .form-inner .form-group input[type='email'], .blog-details-content .comment-form-box .form-inner .form-group textarea{ position: relative; display: block; width: 100%; height: 58px; border: 1px solid #cdcdcd; padding: 10px 20px; font-size: 18px; color: #75706d; transition: all 500ms ease; } .blog-details-content .comment-form-box .form-inner .form-group textarea{ height: 120px; resize: none; } .blog-details-content .comment-form-box .form-inner .form-group label{ position: relative; display: block; font-size: 18px; color: #75706d; margin-bottom: 7px; } .blog-details-content .comment-form-box .form-inner .form-group input:focus, .blog-details-content .comment-form-box .form-inner .form-group textarea:focus{ } .blog-details-content .custom-controls-stacked{ margin-left: 0px; } .blog-details-content .custom-control.material-checkbox .material-control-indicator{ left: -30px; } .blog-details-content .custom-control.material-checkbox .material-control-indicator:before{ left: -1px; } .blog-details-content .form-inner .form-group .custom-control.material-checkbox{ margin-bottom: 0px; } .blog-details-content .custom-controls-stacked .description{ font-size: 17px; } .blog-details-content .comment-form-box .group-title{ margin-bottom: 42px; } .blog-details-content .comment-form-box{ margin-bottom: 62px; } .blog-details-content .related-post .group-title{ margin-bottom: 29px; } .blog-details-content .related-post .news-block-one .inner-box .lower-content{ padding-bottom: 0px; } .blog-details-content .related-post .news-block-one .inner-box{ margin-bottom: 0px; } /*** ==================================================================== Gallery-Page ==================================================================== ***/ .gallery-two-columns{ position: relative; } .gallery-two-columns .gallery-block-one .inner-box .content-box .view-btn a, .gallery-three-columns .gallery-block-one .inner-box .content-box .view-btn a, .gallery-four-columns .gallery-block-one .inner-box .content-box .view-btn a, .gallery-masonry-grid .gallery-block-one .inner-box .content-box .view-btn a, .gallery-masonry-wide .gallery-block-one .inner-box .content-box .view-btn a{ color: #fff; } .gallery-two-columns .gallery-block-one .inner-box, .gallery-three-columns .gallery-block-one .inner-box, .gallery-four-columns .gallery-block-one .inner-box, .gallery-masonry-grid .gallery-block-one .inner-box{ margin-bottom: 30px; } .sortable-masonry .filter-btns{ position: relative; display: block; margin-bottom: 50px; } .sortable-masonry .filter-btns li{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1f1f1f; padding-left: 18px; margin-right: 25px; cursor: pointer; transition: all 500ms ease; } .sortable-masonry .filter-btns li:last-child{ margin: 0px !important; } .sortable-masonry .filter-btns li:before{ position: absolute; content: ''; width: 8px; height: 8px; left: 0px; top: 8px; transform: rotate(45deg) scale(0,0); transition: all 500ms ease; } .sortable-masonry .filter-btns li:hover:before, .sortable-masonry .filter-btns li.active:before{ transform: rotate(45deg) scale(1,1); } .sortable-masonry .filter-btns li.active, .sortable-masonry .filter-btns li:hover{ } .gallery-two-columns .more-btn, .gallery-four-columns .more-btn, .gallery-masonry-grid .more-btn{ margin-top: 30px; } .gallery-three-columns .pagination-wrapper{ margin-top: 30px; } .gallery-four-columns .outer-container, .gallery-masonry-wide .outer-container{ position: relative; padding: 0px 70px; } .gallery-masonry-grid .gallery-block-one .inner-box .content-box, .gallery-masonry-wide .gallery-block-one .inner-box .content-box{ width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(31, 31, 31, 0.90); } .gallery-masonry-wide .items-container{ margin: 0px -5px; } .gallery-masonry-wide .masonry-item{ padding: 0px; } .gallery-masonry-wide .gallery-block-one{ float: left; padding: 0px 5px 10px 5px; } .gallery-masonry-wide .gallery-block-one.big-block{ width: 62%; } .gallery-masonry-wide .gallery-block-one.small-block{ width: 38%; } .gallery-masonry-wide .more-btn{ margin-top: 50px; } /** gallery-details **/ .gallery-details{ position: relative; padding-top: 115px; } .project-sidebar{ position: relative; display: block; margin-right: 70px; } .gallery-details h2{ position: relative; display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 23px; } .project-sidebar .info-list li{ position: relative; display: block; margin-bottom: 26px; } .project-sidebar .info-list li:last-child{ margin-bottom: 0px; } .project-sidebar .info-list li h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; } .project-sidebar .info-list{ margin-bottom: 32px; } .project-sidebar .social-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .project-sidebar .social-links li:last-child{ margin: 0px !important; } .project-sidebar .social-links li a{ position: relative; display: inline-block; width: 50px; height: 50px; line-height: 54px; font-size: 16px; border: 1px solid #d5d5d5; color: #87827f; border-radius: 50%; text-align: center; } .project-sidebar .social-links li a:hover{ color: #fff; } .project-details-content{ position: relative; display: block; padding-bottom: 90px; } .project-details-content:before{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: calc(100% - 10px); left: -60px; top: 10px; } .project-details-content .text p{ margin-bottom: 25px; } .project-details-content .text p:last-child{ margin-bottom: 0px; } .project-details-content .text{ margin-bottom: 52px; } .project-details-content .image{ position: relative; display: block; margin-bottom: 30px; } .project-details-content .image img{ width: 100%; } .project-details-content h2{ margin-bottom: 32px; } .project-nav-btn{ position: relative; display: block; padding: 56px 0px; border-top: 1px solid #d5d5d5; } .project-nav-btn .btn-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .project-nav-btn .btn-inner a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; } .project-nav-btn .btn-inner a i{ position: relative; display: inline-block; font-size: 24px; color: #1f1f1f; top: 6px; transition: all 500ms ease; } .project-nav-btn .btn-inner a:hover i{ } .project-nav-btn .btn-inner a span{ position: relative; opacity: 0; transition: all 500ms ease; } .project-nav-btn .btn-inner a:hover span{ opacity: 1; } .project-nav-btn .btn-inner .prev-btn a i:nth-child(2){ margin-left: -15px; opacity: 0; } .project-nav-btn .btn-inner .prev-btn a:hover i:nth-child(2){ opacity: 1; } .project-nav-btn .btn-inner .next-btn a i:nth-child(2){ margin-right: -15px; opacity: 0; } .project-nav-btn .btn-inner .next-btn a:hover i:nth-child(2){ opacity: 1; } .project-nav-btn .btn-inner .icon-box{ position: relative; font-size: 34px; line-height: 30px; color: #adacab; } /*** ==================================================================== Contact-Page ==================================================================== ***/ /** contact-section **/ .contact-section{ position: relative; padding: 120px 0px 390px 0px; } .contact-section .bg-layer{ position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center; } .contact-section .info-inner{ position: relative; display: block; } .contact-section .info-inner .text{ position: relative; display: block; margin-bottom: 34px; } .contact-section .info-inner .text h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 600; margin-bottom: 7px; } .contact-section .info-inner .info-list li{ position: relative; display: block; padding-left: 100px; margin-bottom: 32px; } .contact-section .info-inner .info-list li:last-child{ margin-bottom: 0px; } .contact-section .info-inner .info-list li .icon{ position: absolute; display: inline-block; left: 0px; top: 8px; width: 70px; height: 70px; line-height: 76px; border: 1px solid #d5d5d5; font-size: 24px; text-align: center; border-radius: 50%; transition: all 500ms ease; } .contact-section .info-inner .info-list li .icon i{ position: relative; left: 3px; } .contact-section .info-inner .info-list li .icon:before{ position: absolute; content: ''; width: 100%; height: 100%; border: 1px solid #d5d5d5; border-radius: 50%; left: 5px; top: 0px; } .contact-section .info-inner .info-list li .icon:after{ position: absolute; content: ''; background: #d5d5d5; width: 1px; height: 85px; left: 35px; top: 80px; } .contact-section .info-inner .info-list li:last-child .icon:after{ display: none; } .contact-section .info-inner .info-list li h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 9px; } .contact-section .info-inner .info-list li p{ margin-bottom: 17px; } .contact-section .info-inner .info-list li p a{ color: #75706d; } .contact-section .info-inner .info-list li p a:hover{ } .contact-section .info-inner .info-list li .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1f1f1f; background: #e5e4e0; border-radius: 25px; text-align: center; padding: 4px 15px 2px 15px; } .contact-section .info-inner .info-list li .link a:hover{ color: #fff; } .contact-section .big-text{ position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); top: 365px; margin-left: -56px; font-size: 150px; line-height: 120px; font-family: 'Urbanist', sans-serif; font-weight: 900; color: #e5e4e0; text-transform: uppercase; } .contact-section .form-inner{ position: relative; display: block; margin-left: 100px; background: #1f1f1f; border: 1px solid #393939; padding: 41px 40px 50px 40px; margin-top: 8px; } .contact-section .form-inner h3{ position: relative; display: block; font-size: 30px; line-height: 42px; color: #fff; font-weight: 600; margin-bottom: 29px; } .contact-section .form-inner .form-group{ position: relative; display: block; margin-bottom: 20px; } .contact-section .form-inner .form-group:last-child{ margin-bottom: 0px; } .contact-section .form-inner .form-group input[type='text'], .contact-section .form-inner .form-group input[type='email'], .contact-section .form-inner .form-group textarea{ position: relative; display: block; width: 100%; height: 54px; background: #fff; border: 1px solid #fff; font-size: 18px; color: #75706d; padding: 10px 20px; transition: all 500ms ease; } .contact-section .form-inner .form-group textarea{ height: 112px; resize: none; } .contact-section .form-inner .form-group.message-btn{ margin-top: 10px; } .contact-section .form-inner .form-group .theme-btn-two:hover{ background: #fff; color: #1f1f1f !important; } .contact-section .form-inner .shape .shape-1{ position: absolute; left: 0px; top: 0px; width: 21px; height: 217px; background-repeat: no-repeat; } .contact-section .form-inner .shape .shape-2{ position: absolute; right: 0px; bottom: 0px; width: 21px; height: 217px; background-repeat: no-repeat; } /** reserve-section **/ .reserve-section{ position: relative; } .reserve-section .inner-container{ position: relative; display: block; padding: 100px 100px; margin: 0px -100px; margin-top: -270px; } .reserve-section .inner-container .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .reserve-section .content-box{ position: relative; display: block; background: #f2f1ed; padding: 32px 50px 40px 40px; } .reserve-section .content-box .light-icon{ position: absolute; right: 30px; bottom: 10px; font-size: 200px; color: #e5e4e0; } .reserve-section .content-box .text{ margin-bottom: 21px; } .reserve-section .content-box .text h2{ font-size: 36px; line-height: 46px; font-weight: 600; margin-bottom: 7px; } .reserve-section .content-box .support-box{ position: relative; display: block; padding-left: 60px; margin-bottom: 21px; } .reserve-section .content-box .support-box .icon-box{ position: absolute; left: 0px; top: 10px; font-size: 40px; } .reserve-section .content-box .support-box h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; } .reserve-section .content-box .support-box h3{ position: relative; display: block; font-size: 26px; line-height: 36px; font-weight: 600; } .reserve-section .content-box .support-box h3 a{ display: inline-block; color: #1f1f1f; } .reserve-section .content-box .support-box h3 a:hover{ } .reserve-section .content-box .theme-btn-two{ padding: 19px 30px 17px 31px; } /** branches-section **/ .branches-section{ position: relative; padding: 120px 0px; } .branches-section .single-item{ position: relative; display: block; padding: 0px 10px; } .branches-section .single-item .icon-box{ position: relative; display: inline-block; font-size: 70px; line-height: 60px; margin-bottom: 21px; } .branches-section .single-item h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .branches-section .single-item p{ margin-bottom: 22px; } .branches-section .single-item p a{ color: #75706d; } .branches-section .single-item p a:hover{ } .branches-section .single-item .mail-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Urbanist', sans-serif; font-weight: 700; text-transform: uppercase; color: #1f1f1f; background: #e5e4e0; border-radius: 25px; text-align: center; padding: 4px 15px 2px 15px; } .branches-section .single-item .mail-box a:hover{ color: #fff; } .only-desktop{ display: block; } @media screen and (max-width: 991px) { .only-desktop{ display: none; } } .fs-14{ font-size: 14px !important; } .restropress{display: flex !important;} .nav-pills .nav-link.active{ background: #d06a22 !important; color: #fff !important; } .rpressStickySidebar{ background: #fff !important; } ul.rpress-category-lists .rpress-category-item{ padding: 10px !important; } #rpress_purchase_form{ padding: 15px; background: #fff; } #rpress-email-wrap, #rpress-phone-wrap{ margin-top: 15px; } .rpress_empty_cart{ padding: 30px 70px; } html body .rpress_fooditem_inner{ padding: 20px 10px 15px 10px !important; background: #fff; border-radius: 6px; } .rpress_fooditems_list h5.rpress-cat{ padding-top: 15px !important; margin-bottom: 0 !important; } .rpress_fooditem.rpress-grid .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button, .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button{ padding: 2px 13px 7px 13px !important; } html body .rpress_fooditem_inner{ display: flex !important; } .button.rpress-submit, .btn.btn-block.btn-primary, .cart_item.rpress_checkout a, .rpress-popup-actions .submit-fooditem-button, .rpress-mobile-cart-icons .rp-cart-right-wrap, .button.rpress-status{ background: #9E1B10; color: #fff; } .delivery-change, .special-inst span, .special-margin span, .rpress-clear-cart, .cart-action-wrap a, .rpress_fooditems_list h5.rpress-cat, ul.rpress-cart span.cart-total, a.rpress_cart_remove_item_btn, .rpress-show-terms a, .rpress-view-order-btn{ color: #9E1B10; } .rpress-categories-menu ul li a:hover, .rpress-categories-menu ul li a.active, .rpress-price-holder span.price { color: #9E1B10; } .rpress_cart_discount, .rpress_cart_deliverycharges{ font-weight: 600; font-size: 14px; font-style: normal; background: transparent; display: block; clear: both; overflow: hidden; } .rpress_cart_discount span, .rpress_cart_deliverycharges span{ float: right; } div.rpress-popup-actions input[type="button"]{ height: 93% !important; } .rp-checkout-service-option .rp-form-control { height: 35px !important; border: 2px solid #f2f2f2 !important; box-shadow: none !important; } #rpress_purchase_form .rpress-label, #rpress_checkout_order_details label{ margin-top: 0.5em !important; margin-bottom: 0 !important; } .rpress_cart_footer_row{ padding: 10px 0; display: block; } .food-title{ color: #9E1B10; } .page-title { display: block; } @media only screen and (max-width: 768px) { html body .rpress_fooditems_list{ margin-top: 60px; } .rpress-section .sticky-sidebar.cat-lists.rp-mobile-cat { display: block !important; height: auto; max-height: 60%; margin-top: 108px; width: 100% !important; background: #FFFFFF; position: fixed; z-index: 99999; box-shadow: -7px -5px 16px #00000024; padding: 6px !important; top: 0px; bottom: unset !important; left: 50%; border-radius: 0; cursor: pointer; text-align: center; overflow-x: hidden; overflow-y: scroll; transform: translate(-50%, 0px); scroll-behavior: smooth; } .rpress-category-lists{ overflow-x: auto; display: flex; } ul.rpress-category-lists .rpress-category-item{ white-space: nowrap; } .rpress-categories-menu { margin-bottom: 0px !important; } .rp-mb-cat-ft-btn{ display: none !important; } .rp-cat-overlay{ background: transparent !important; } } @media only screen and (max-width: 768px) { html body .rpress-section ul { padding: 0; } ul.rpress-category-lists .rpress-category-item { padding: 0 10px !important; } .rpress_fooditem_excerpt { font-size: 14px; } .rpress_fooditems_list h5.rpress-cat{ padding: 10px; } div.rpress-search-wrap { margin: 0 10px 10px 10px; } .page-title { display: none; } body.rp-cat-no-scroll { overflow: auto !important; } } .rpress-tabs-wrapper #rpress-tab-content{ overflow: visible !important; } .rpressStickySidebar .rp-checkout-service-option{ min-height: 150px !important; } .rp-checkout-service-option{ display: flow-root; } #rpress_tip_options{ margin-bottom: 20px; background: #fff; box-shadow: 1px 1px 10px #efefef; padding: 15px; border-radius: 4px; } .rpressStickySidebar #rpress_tip_options{ padding: 15px; } tfoot .rpress_cart_footer_row .rpress_cart_total{ display: flex !important; justify-content: space-between !important; } .fs-12{ font-size: 12px; } .switchStore { position: relative; display: inline-block; width: 60px; height: 34px; } .switchStore input { opacity: 0; width: 0; height: 0; } .sliderStore { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .sliderStore:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; border-radius: 50%; } input:checked + .sliderStore { background-color: #28a745; } input:checked + .sliderStore:before { transform: translateX(26px); }